1、设置元素水平居中; margin:0 auto;
margin负值让元素位移及合并边框
外边距合并:
外边距合并指的是:当两个垂直外边距相遇时,他们将行程一个外边距.合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者:一个格子距下30px,下面的格子距上100px,边距合并之后取100px
解决方法:
1、使用这种特性系统自带
2、设置一边的外边距,一般设置margin-top
2、margin-top塌陷
出现情况
* 子元素设置margin-top,子元素不起作用,父元素下沉
解决塌陷的三种方法
- 在外部盒子设置边框
- overflow:hidden(隐藏删除多与内容
- 使用伪类元素:(强烈建议使用:这种方法)
.clearfix:before{
content:"";
display:table;
}