CSS中clear清除浮动属性

1. 作用

规定元素的某一侧不允许存在浮动元素。
2. 应用

消除其他浮动元素对其产生的影响。
3. 值

值	说明
both	两侧都不允许存在浮动元素
left	清除元素左侧浮动元素
right	清除元素右侧浮动元素
none	无清除效果（默认值）

4. 原理

设置了clear的元素将不像前一个浮动元素对齐，换行重新开始。
5. 实际应用
解决网页中的“塌陷”问题（什么是塌陷：如果父级元素只包含浮动元素，那么在未设置高度的同时，则父元素高度塌缩为零。）
6. 解决“塌陷”的办法

创建一个用来清除浮动的CSS样式类(.clearfix)
针对包裹的全是浮动元素的父级容器使用(.clearfix)

.clearfix{zoom:1;}
.clearfix:after{content:".";display:block;visibility:hidden;height:0;clear:both;}