Margin外边距叠加
外边距(Margin)叠加
只有普通文档流中块级元素(块框)的垂直外边距才会发生外边距叠加。行内框、浮动框和绝对定位框之间的外边距不会叠加
-
两个相邻兄弟块框
-
父元素与子元素,并 父元素没有内边距或边框时 ,它们的顶和/或底外边距也会发生叠加。
当父元素没有内边距或边框时
当父元素有内边距或边框时
无论子元素是否有内边距或者边框都不会影响叠加
-
自己的垂直上下外边距叠加
-
叠加具有组合性,而组合都是上面几种情况的组合,万变不离其中!
只有普通文档流中块级元素(块框)的垂直外边距才会发生外边距叠加。行内框、浮动框和绝对定位框之间的外边距不会叠加
两个相邻兄弟块框
父元素与子元素,并 父元素没有内边距或边框时 ,它们的顶和/或底外边距也会发生叠加。
当父元素没有内边距或边框时
当父元素有内边距或边框时
无论子元素是否有内边距或者边框都不会影响叠加
自己的垂直上下外边距叠加
叠加具有组合性,而组合都是上面几种情况的组合,万变不离其中!