关于浮动与清浮动 float

浮动常见的几种属性值

float {left; right; none; }

主要是定义元素朝哪个方向浮动；

元素浮动后的特性

关于清浮动

　　元素浮动以后，就撑不开父级的高度了，必须要给他的父级清浮动

　　可以在浮动下添加一个<br/>折行标签；也可以清浮动　　　　

<br> 也同样具有clear属性

<br clear="all" />

清除浮动

clear 元素的某个方向不能有浮动元素

left;

right;

both;

none;

clear 只会对写在他之前的元素起效果

元素浮动之后就撑不开父级的高度，或者说父级就包不住浮动元素的子元素，清浮动后，使元素依然可以撑开父级的高度

具体方法有下列几种：

用伪元素

before 在元素内容前边添加内容

after 在元素末尾添加内容

通过conntent 添加进去的内容，叫做伪元素

.clearFix：after {

    content: "";

    display: block;

    clear: both;

}
如果要兼容IE低版本的话 需要
.clear {
    zoom: 1;
}

当前主流的清浮动的方式就是利用伪类清浮动

巴特西