亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

如果同時出現left和right或者top和bottom會按照怎樣的規則？

如果同時設置了

left和right

或者

top和bottom

會按照怎樣的規則？

按照我的測試，似乎left優先于right，top優先于bottom。這樣理解對嗎？但是在瀏覽器的調試的Style里看到right和bottom并沒有被劃掉，為什么呢？

正在回答

3 回答

在設置了寬高的情況下，是left優先于right，top優先于bottom；

沒設置寬高時，4個屬性都設置的話，都會生效，寬高自動拉伸。

2 回復 有任何疑惑可以回復我~

只要設置了position relative? ，left，right ，top，bottom四個值都設置了的時候，在沒設置寬高，left，top值生效，盒子寬度等于上一級盒子寬度，沒有上一級盒子就是瀏覽器的寬度（默認），如果設置了，left,top的優先級大于right bottom?

1 回復 有任何疑惑可以回復我~

在css樣式中是由順序的 上 右 下 左??

1 回復 有任何疑惑可以回復我~
#1

qq_Extranjero4337875

我一直同時設置這四個樣式來撐滿整個父容器啊
2019-02-13 回復 有任何疑惑可以回復我~
#2

慕前端3151062 提問者 回復 qq_Extranjero4337875

也可以用width:100%;height:100%嗎？
2019-03-27 回復 有任何疑惑可以回復我~
#3

會游泳的兔子先森 回復 慕前端3151062 提問者

如果給個padding:30px的話，width:100%;height:100%；這種情況下盒子的尺寸就會增加上下左右各增加30px；就會撐開父元素的寬高了。
2019-03-27 回復 有任何疑惑可以回復我~
#4

會游泳的兔子先森 回復 慕前端3151062 提問者

https://www.cnblogs.com/ScauZhang/p/4634440.html這篇博客應該講的比較清楚啦
2019-03-27 回復 有任何疑惑可以回復我~
查看1條回復

舉報

0/150
提交
取消

如果同時出現left和right或者top和bottom會按照怎樣的規則？

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號