如果同时设置了
left和right
或者
top和bottom
会按照怎样的规则?
按照我的测试,似乎left优先于right,top优先于bottom。这样理解对吗?但是在浏览器的调试的Style里看到right和bottom并没有被划掉,为什么呢?
在设置了宽高的情况下,是left优先于right,top优先于bottom;
没设置宽高时,4个属性都设置的话,都会生效,宽高自动拉伸。
只要设置了position relative ,left,right ,top,bottom四个值都设置了的时候,在没设置宽高,left,top值生效,盒子宽度等于上一级盒子宽度,没有上一级盒子就是浏览器的宽度(默认),如果设置了,left,top的优先级大于right bottom
在css样式中是由顺序的 上 右 下 左