CSS margin属性为何导致垂直外边距合并而水平外边距不合并?
发布时间
阅读量:
阅读量
①、外边距是什么?
标签之间所呈现的间距即为外边距。
②、为什么要有外边距?
用于调节各个标签之间间隔距离的设置。
③、如何使用外边距?
非连写形式:
上边距
右外边距
下边距
左外边距
连写形式:
margin:上 右 下 左
④、外边距与内边距的区别?
外边距指的是标签之间相互间隔的距离,因此它并不包含在标签内部区域之内,也不受标签内部属性的约束,因此外边距部分不会显示背景色,也无法为其设置背景图像。
内边距位于标签内部区域,因此可以对这部分区域进行背景颜色的设定。
⑤、外边距的合并是什么意思?
当两个相互垂直的外边距相接时,会生成一个全新的外边距值,该值由两个原始外边距中较大的数值决定。

⑥、为什么外边距垂直会合并,而水平不会合并呢?
首先需要澄清一个基本概念,即并非所有出现垂直外边距的区域都会发生合并现象,这一过程是有特定条件限制的。仅当处于常规文档流中的垂直外边距才可能发生合并,而行内元素、浮动元素或绝对定位元素之间的外边距则不会产生此类现象。
那么,为何常规文档流中的垂直外边距会产生合并效果
全部评论 (0)
还没有任何评论哟~
