一、浮动

1.定义

元素脱离文档流的控制，按照指定方向发生移动，遇到父级边界换行

2.取值

• none 不浮动
• left 左浮动
• right 右浮动
• inherit 继承父级

3.作用

解决水平布局问题

4.特性

• 所有标签同排显示
• 行标签支持所有CSS样式
• 默认内容撑开高度
• 元素脱离文档流

二、清除浮动

1.原因

元素使用浮动后脱离文档流，父级元素检测不到子级的存在，高度无法撑开

2.解决方案

1.在父级使用height （拓展性不好）
2.在父级使用overflow:hidden
3.使用clear

三、练习案例

1.