一、浮动
1.定义
元素脱离文档流的控制,按照指定方向发生移动,遇到父级边界换行
2.取值
- none 不浮动
- left 左浮动
- right 右浮动
- inherit 继承父级
3.作用
解决水平布局问题
4.特性
- 所有标签同排显示
- 行标签支持所有CSS样式
- 默认内容撑开高度
- 元素脱离文档流
二、清除浮动
1.原因
元素使用浮动后脱离文档流,父级元素检测不到子级的存在,高度无法撑开
2.解决方案
1.在父级使用height (拓展性不好)
2.在父级使用overflow:hidden
3.使用clear
三、练习案例
1.