HTML5 浮动

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的区别