外边距(margin)
margin属性用于设置外边距,即控制盒子和盒子之间的距离。用法与padding一样。
外边距的典型应用(外边距可以让块级盒子水平居中,但是必须满足两个条件:)
- 1.盒子必须指定了宽度(width)
- 2.盒子左右的外边距都设置为auto。
- .header{ width:960px; margin:0 auto;}
常见的写法,一下三种都可以:
- margin-left:auto;margin-right:auto;
- margin:auto;
- margin:0 auto;
*****以上方法是让块级元素水平居中,行内元素或者行内块元素水平居中给其父元素添加text-align:center;即可。
外边距合并
- 1.为父元素定义上边框 border:1px solid transparent;(定义一个透明色边框)
- 3.直接为父元素添加 overflow:hidden;。