首頁 > web前端 > html教學 > Margin外边距叠加_html/css_WEB-ITnose

Margin外边距叠加_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:34:00
原創
1303 人瀏覽過

外边距(Margin)叠加

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

  • 两个相邻兄弟块框

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

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

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

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

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

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

  • 相關標籤:
    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板