你好吖

关于定位中left和right,top和bottom的权重问题

关于定位中left和right,top和bottom的权重问题

  在共同类中设置了定位并且设置了left等定位,如果你引用这个类并加入其他的类中也有left和right等定位,那么你设置的right或是bottom将会无效。

  原因:因为在定位中,left比right的权重高,top比bottom权重高,所以才无效果

  解决办法:在共同的类中把left设置为:left:auto或者是把left属性删除,各自的类设置并无互相影响;

  案例分析:

  在轮播图中,给两个盒子向前向后按钮同时添加一个共同的定位left值,然后再把两个盒子用right分开时,没有效果,还是重叠在一起。

  html代码

  有问题的css代码

  公共类属性设置

  各自类设置

posted @ 2018-01-11 15:59  巴依  阅读(1044)  评论(0编辑  收藏  举报