masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > Margin外边距叠加_html/css_WEB-ITnose

Margin外边距叠加_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-24 11:34:00
asal
1303 orang telah melayarinya

外边距(Margin)叠加

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

  • 两个相邻兄弟块框

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

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

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

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

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

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

    • Label berkaitan：
    Margin外边距叠加
    sumber：php.cn
    Artikel sebelumnya：css:outline_html/css_WEB-ITnose Artikel seterusnya：CSS的4种引入方式及优先级_html/css_WEB-ITnose
    Kenyataan Laman Web ini
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
    Artikel terbaru oleh pengarang
    Isu terkini
    Pelapik ibu bapa tidak diendahkan oleh anak yang berkedudukan melekit Bagaimana untuk mengelakkan unsur melekit daripada berada di belakang pengepala? Coretan k...
    daripada 2024-04-06 11:42:51
    0
    1
    338
    Topik-topik yang berkaitan
    Lagi>
    Cadangan popular
    Tutorial Popular
    Lagi>
    Tutorial berkaitan
    Cadangan popular
    Kursus terkini
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan