CSS 之 内层div填充margin,外层div的背景色不会覆盖该margin

  外层元素(如div)中只有一个非空子元素,此时margin是被折叠了。两者之间取最大的margin值,表现在外层父元素上,而不是内层子元素。

  注意:

  (1)只有垂直方向上才会出现此现象,水平方向不会出现该现象;

  (2)解决方法:

  1)给内层子元素添加浮动;

  2)在外层父元素内加 padding-top;

  3)在外层父元素加 overflow:hidden;

posted on 2016-05-19 16:47  Now,DayBreak  阅读(3818)  评论(0编辑  收藏  举报