Heim  >  Artikel  >  Web-Frontend  >  Margin外边距叠加_html/css_WEB-ITnose

Margin外边距叠加_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:34:001292Durchsuche

外边距(Margin)叠加

只有普通文档流中块级元素(块框)的垂直外边距才会发生外边距叠加。行内框、浮动框和绝对定位框之间的外边距不会叠加

  • 两个相邻兄弟块框

  • 父元素与子元素,并 父元素没有内边距或边框时 ,它们的顶和/或底外边距也会发生叠加。

  • 当父元素没有内边距或边框时

    当父元素有内边距或边框时

    无论子元素是否有内边距或者边框都不会影响叠加

  • 自己的垂直上下外边距叠加

  • 叠加具有组合性,而组合都是上面几种情况的组合,万变不离其中!

  • Stellungnahme:
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn