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

来源:2-3 position-absolute

慕前端3151062

2018-11-13 15:43

如果同时设置了

left和right

或者

top和bottom

会按照怎样的规则?

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

写回答 关注

3回答

  • 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样式中是由顺序的 上 右 下 左  

    会游泳的兔子... 回复慕前端315...

    https://www.cnblogs.com/ScauZhang/p/4634440.html这篇博客应该讲的比较清楚啦

    2019-03-27 12:32:37

    共 4 条回复 >

css定位 position

老师带你了解CSS中定位的知识,并运用到实际案例中。

49044 学习 · 92 问题

查看课程

相似问题