這個問題會出現在所有瀏覽器當中，原因是css2.1盒子模型中規定，

In this specification, the expression collapsing margins means that adjoining margins (no non-empty content, padding or border areas or clearance separate them) of two or more boxes (which may be next to one another or nested) combine to form a single margin. 所有毗鄰的兩個或更多盒元素的margin將會合并為一個margin共享之。毗鄰的定義為：同級或者嵌套的盒元素，并且它們之間沒有非空內容、Padding或Border分隔。

　　

解決辦法

給父元素加個padding-top:1px；

?

轉載于:https://www.cnblogs.com/lijinwen/p/5838473.html

總結

以上是生活随笔為你收集整理的子元素的margin-top影响父元素原因和解决办法的全部內容，希望文章能夠幫你解決所遇到的問題。

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