关于定位中left和right,top和bottom的权重问题
在共同类中设置了定位并且设置了left等定位,如果你引用这个类并加入其他的类中也有left和right等定位,那么你设置的right或是bottom将会无效。
原因:因为在定位中,left比right的权重高,top比bottom权重高,所以才无效果
解决办法:在共同的类中把left设置为:left:auto或者是把left属性删除,各自的类设置并无互相影响;
案例分析:
在轮播图中,给两个盒子向前向后按钮同时添加一个共同的定位left值,然后再把两个盒子用right分开时,没有效果,还是重叠在一起。
html代码
有问题的css代码
公共类属性设置
各自类设置