学习笔记--浮动

浮动
定义：元素脱离文档流，按照指定的方向发生移动，遇到父级边界换行
float
取值：
none：不浮动
left：左浮动
right：右浮动
inherit：继承父级
作用：解决水平布局问题
特性：
所有标签同排显示
行标签支持所有css样式
默认内容撑开宽高
元素脱离文档流

清除浮动
原因：
元素使用浮动后脱离文档流，父级元素检测不到子级的存在，高度无法撑开
解决方案：
1.在父级使用height，但拓展性不太好
2.在父级使用overflow:hidden
3.使用clear