问答详情
源自:2-3 position-absolute

如果同时出现left和right或者top和bottom会按照怎样的规则?

如果同时设置了

left和right

或者

top和bottom

会按照怎样的规则?

按照我的测试,似乎left优先于right,top优先于bottom。这样理解对吗?但是在浏览器的调试的Style里看到right和bottom并没有被划掉,为什么呢?

提问者:慕前端3151062 2018-11-13 15:43

个回答

  • panzp
    2019-03-10 12:33:28
    已采纳

    在设置了宽高的情况下,是left优先于right,top优先于bottom;

    没设置宽高时,4个属性都设置的话,都会生效,宽高自动拉伸。

  • hello_mygirl
    2019-07-11 00:35:45

    只要设置了position relative  ,left,right ,top,bottom四个值都设置了的时候,在没设置宽高,left,top值生效,盒子宽度等于上一级盒子宽度,没有上一级盒子就是浏览器的宽度(默认),如果设置了,left,top的优先级大于right bottom 

  • 慕粉7555160
    2018-11-16 19:14:35

    在css样式中是由顺序的 上 右 下 左