不想說今天心情有多差!

9點多開始發(fā)現(xiàn)一個"bug",需求是依據(jù)屏幕高度動態(tài)調(diào)整某個div的位置。代碼大概是這種。

<div style="margin-top: 25%; margin-left:25%; width:50px; height:50p; background-color: yellow;"></div>

演示：

然后就發(fā)現(xiàn)。“當(dāng)窗體寬度變化的時候，margin-top變了，變了！了。！！” ,調(diào)了一個晚上，問了好多前端群，貼上代碼。居然沒有人知道為什么！

！！

最后找到一句話：

'margin-top', 'margin-bottom'
Percentages: refer to width of containing block

對，沒錯。margin-top 設(shè)置成百分比的時候，僅僅跟父容器寬度有關(guān)！。！幅！！！誰能告訴我，為什么是寬度！！！他深受的自己的無知移動。行！來吧！

版權(quán)聲明：本文博主原創(chuàng)文章，博客，未經(jīng)同意不得轉(zhuǎn)載。

總結(jié)

以上是生活随笔為你收集整理的左右margin top问题百分比值的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。