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发生折叠;