外邊距margin 合併

2022-05-27 03:03:36 字數 419 閱讀 1918

這是個基礎的問題,我們在普通文字流中布局時常常發生外邊距合併的情況;有時不太注意就會造成頁面的怪異表現,因此要掌握外邊距margin疊加合併的知識點;

外邊距合併指的是:當兩個垂直的外邊距相遇時,它們將形成乙個外邊距;合併後的外邊距的高度等於兩個發生合併的外邊距的高度中的較大者;

當乙個元素出現在另乙個元素上面時,第乙個元素的下外邊距與第二個袁術的上外邊距發生合併;

當乙個元素包含在另乙個元素中時,假設沒有內邊距、邊框把外邊距分隔開,此時兩個外邊距相遇,它們的上下外邊距發生合併;

什麼時候下發生外邊距合併?

普通文字流,即不包含float,position:relative、absolute、fixed等的元素在垂直方向上相遇,則發生外邊距合併;

外邊距合併的意義:

排版上的應用;以由幾個段落組成的典型文字頁面為例;

margin外邊距合併

之前遇到了乙個問題 title 無標題文件 styletype text css body div body div 這是外邊距合併造成的問題。外邊距合併指的是,當兩個垂直外邊距相遇時,它們將形成乙個外邊。合併後的外邊距的高度等於兩個發生合併的外邊距的高度中的較大者。body和div的上外邊距合併了...

margin 外邊距合併問題

外邊距合併指的是,當兩個垂直外邊距相遇時,它們將形成乙個外邊距。合併後的外邊距的高度等於兩個發生合併的外邊距的高度中的較大者。外邊距合併 疊加 是乙個相當簡單的概念。但是,在實踐中對網頁進行布局時,它會造成許多混淆。簡單地說,外邊距合併指的是,當兩個垂直外邊距相遇時,它們將形成乙個外邊距。合併後的外...

margin外邊距合併問題

margin屬性 所有瀏覽器都支援 margin 屬性。這個簡寫屬性設定乙個元素所有外邊距的寬度,或者設定各邊上外邊距的寬度,也可以分別設定個邊的外邊距。margin是乙個復合屬性,包括 margin top margin bottom margin left margin right 基本使用 例...