css_margin说明

css_margin
外边距
定义和用法
margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

JavaScript 语法: object.style.margin="10px 5px"
可能的值
值   描述
auto   浏览器计算外边距。
length   规定以具体单位计的外边距值,比如像素、厘米等。默认值是 0px。
%    规定基于父元素的宽度的百分比的外边距。
inherit   规定应该从父元素继承外边距。

注意:块级元素的垂直相邻外边距会合并
行内元素实际上不占上下外边距行内元素的的左右外边距不会合并
同样地,浮动元素的外边距也不会合并
允许指定负的外边距值,不过使用时要小心。

margin折叠常规认知:
1.margin折叠只发生在块级元素上;
2.浮动元素的margin不与任何margin发生折叠;
3.设置了属性overflow且值不为visible的块级元素,将不与它的子元素发生margin折叠;
4.绝对定位元素的margin不与任何margin发生折叠;
5.根元素的margin不与其它任何margin发生折叠;

原文地址:https://www.cnblogs.com/alisonGavin/p/7155654.html