外层元素(如div)中只有一个非空子元素,此时margin是被折叠了。两者之间取最大的margin值,表现在外层父元素上,而不是内层子元素。
注意:
(1)只有垂直方向上才会出现此现象,水平方向不会出现该现象;
(2)解决方法:
1)给内层子元素添加浮动;
2)在外层父元素内加 padding-top;
3)在外层父元素加 overflow:hidden;
外层元素(如div)中只有一个非空子元素,此时margin是被折叠了。两者之间取最大的margin值,表现在外层父元素上,而不是内层子元素。
注意:
(1)只有垂直方向上才会出现此现象,水平方向不会出现该现象;
(2)解决方法:
1)给内层子元素添加浮动;
2)在外层父元素内加 padding-top;
3)在外层父元素加 overflow:hidden;