4 CSS布局与定位
1. 盒子模型
同时内外边距,边框都有四个方向,如border-top,border-right,border-bottom,border-left
实例
1.1 overflow属性
1.2 border属性
border案例 水平线
1.3 padding属性
对浏览器默认的设置清零
*{
marging:0;
padding:0;
}
1.4 margin属性
## 2. 定位机制
2.1 文档流定位
2.1.1 block
将元素显示为block,如inline元素a转换为block元素,从而使a元素具有块状元素特点 display:block;
2.1.2 inline
2.1.3 inline-block
2.1.4 小结
2.2 浮动定位
2.2.1 float属性
float属性的特点
2.2.2 clear属性
利用clear可以重新布局