1、语法
值 | 描述 |
---|---|
auto | 浏览器计算外边距。 |
length | 规定以具体单位计的外边距值,比如像素、厘米等。默认值是 0px。 |
% | 规定基于父元素的宽度的百分比的外边距。 |
inherit | 规定应该从父元素继承外边距。 |
形如:margin:5px 10px 15px 20px;
依次表示 上右下左
上 margin-top 5px
右 margin-right 10px
下 margin-bottom 15px
左 margin-left 20px
缺省情况下 margin:5px;
表示 上下左右都是5px
缺省情况下 margin:5px 10px;
表示 上下是5px,左右是10px
缺省情况下 margin:5px auto 10px;
表示 上是5px,左右是auto,下为10px
2、注意
块级元素垂直外边距合并
行内元素不占上下外边距(个别除外如img等等),左右外边距不会合并。
浮动元素的外边距也不会合并