外层元素（如div）中只有一个非空子元素，此时margin是被折叠了。两者之间取最大的margin值，表现在外层父元素上，而不是内层子元素。
注意：
（1）只有垂直方向上才会出现此现象，水平方向不会出现该现象；
（2）解决方法：
1）给内层子元素添加浮动；
2）在外层父元素内加 padding-top；
3）在外层父元素加 overflow:hidden；
相关文章：
猜你喜欢
相关资源
相似解决方案
热门标签
外层元素（如div）中只有一个非空子元素，此时margin是被折叠了。两者之间取最大的margin值，表现在外层父元素上，而不是内层子元素。
注意：
（1）只有垂直方向上才会出现此现象，水平方向不会出现该现象；
（2）解决方法：
1）给内层子元素添加浮动；
2）在外层父元素内加 padding-top；
3）在外层父元素加 overflow:hidden；
相关文章：