浮动（知识点总结）

网页布局

常见的网页布局                    标准文档流

display属性

block 块级元素                                    inline 行内元素         

inline-block 既有行内 又有块级           none 该元素不会被显示

浮动概念   float 

left 向左浮动         right 向右浮动     none 默认值 

清除浮动   clear 

left 左侧不允许浮动           right 右侧不允许浮动           both 在左右两侧不允许浮动   

none 默认值，允许浮动元素出现在两侧

解决父级边框塌陷

1.浮动元素后加div

2.设置父元素的高度

3.父级添加overflow属性

4.父级添加伪类after

点击返回目录页