1. 常见网页布局
1-3-1布局

1-2-1布局

2. 标准文档流


3. display属性⭐

display: block
给span元素设置成block

display: inline
给div元素设置成inline

display: inline-block
给div和span元素设置为inline-block

display: none
给div元素设置为none

display特性

4. 浮动⭐

浮动的盒子可以向左浮动,也可以向右浮动,直到它的外边缘碰到包含框或另一个浮动盒子为止。
5. 边框塌陷


清除浮动




6. 父级边框塌陷
加入空div

设置父级元素高度

给父级元素添加overflow属性

溢出处理-overflow的属性

父级添加伪类⭐推荐使用

小结

7. 总结
inline-block和float的区别

