不想說今天心情有多差!

9點多開始發現一個"bug",需求是依據屏幕高度動態調整某個div的位置。代碼大概是這種。

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

演示：

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

！！

最后找到一句話：

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

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

版權聲明：本文博主原創文章，博客，未經同意不得轉載。

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。