第七章 浮动

1.网页中常见的布局类型

上中下结构
两栏布局
三栏布局

2.标准文档流概念

指元素根据块元素或行内元素的特性按从上到下，从左到右的方式自然排列。

3.display属性

概念：控制元素的显示方法

属性值：

block （块级显示，有宽高属性，并换行）
inline （行级显示，宽高属性失效，不换行）
inline-block（行级块显示，有宽高属性，不换行是block和inline的结合）
none（不显示元素，隐藏）

4.float属性

概念：定义网页元素在哪个方向浮动

属性值：

left（左浮动）
right（右浮动）
none（不浮动）

5.clear属性

概念：规定元素的哪一侧不允许其他浮动元素

属性值：

left（清除元素的左侧浮动）
right（清除元素的右侧浮动）
both（清除元素的左右两侧浮动）
none（不清除）

6.清除浮动的4种方法

1.浮动元素后面加空 div
2.设置父元素的高度
3.父级添加overflow属性
4.父级添加伪类after