html 外边距合并的解决办法

margin-top没有效果，这个时候可以：

避免外边距合并

• 行内框
• 浮动元素
• 绝对定位元素

因此要避免外边距合并，可以：

• 给父元素添加一个小的padding-top。
• 给父元素添加样式：overflow:hidden;
• 将其设为浮动元素或绝对定位。
• 给父元素添加border。