Advertisement

CSS margin属性为何导致垂直外边距合并而水平外边距不合并?

阅读量:

①、外边距是什么?

标签之间所呈现的间距即为外边距。

②、为什么要有外边距?

用于调节各个标签之间间隔距离的设置。

③、如何使用外边距?

非连写形式:

上边距

右外边距

下边距

左外边距

连写形式:

margin:上 右 下 左

④、外边距与内边距的区别?

外边距指的是标签之间相互间隔的距离,因此它并不包含在标签内部区域之内,也不受标签内部属性的约束,因此外边距部分不会显示背景色,也无法为其设置背景图像。

内边距位于标签内部区域,因此可以对这部分区域进行背景颜色的设定。

⑤、外边距的合并是什么意思?

当两个相互垂直的外边距相接时,会生成一个全新的外边距值,该值由两个原始外边距中较大的数值决定。

⑥、为什么外边距垂直会合并,而水平不会合并呢?

首先需要澄清一个基本概念,即并非所有出现垂直外边距的区域都会发生合并现象,这一过程是有特定条件限制的。仅当处于常规文档流中的垂直外边距才可能发生合并,而行内元素、浮动元素或绝对定位元素之间的外边距则不会产生此类现象。

那么,为何常规文档流中的垂直外边距会产生合并效果

全部评论 (0)

还没有任何评论哟~