Rumah > hujung hadapan web > tutorial css > 什么是margin重叠

什么是margin重叠

Lepaskan: 2020-05-09 16:23:59
asal
4857 orang telah melayarinya

什么是margin重叠

margin重叠:是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。

什么情况下会出现margin重叠:

1、元素的顶边界与前面元素的底边界发生叠加

1.jpg

2、元素的顶边界与父元素的顶边界发生叠加border-top的边界和它的父元素相同。

2.jpg

3、元素的顶边界与底边界发生叠加

假设有一个空元素,它有边界,但是没有边框或填充。在这种情况下,顶边界与底边界就碰到了一起

3.jpg

4、空元素中已经叠加的边界与另一个空元素的边界发生叠加

4.jpg

相关视频教程推荐:css视频教程

Atas ialah kandungan terperinci 什么是margin重叠. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan