关于CSS 外边距合并的问题

-# 关于CSS 外边距合并的问题

昨天写css发现子div设置margin-top会导致父div也会margin-top下移；

解决方法

• 修改父元素的高度，增加padding-top样式模拟（padding-top：1px；常用）
• 为父元素添加overflow：hidden；样式即可（完美）
• 为父元素或者子元素声明浮动（float：left；可用）
• 为父元素添加border（border:1px solid transparent可用）
• 为父元素或者子元素声明绝对定位

参考

• w3cplus关于边距重叠的问题详解
• 比较不错的帖子
• w3cCSS 外边距合并
• 子元素的margin-top与父元素合并
• div嵌套导致子区域margin-top失效不起作用的解决方法