[TOC]
# float
> 目的:為了讓元素并排顯示
## 1.1給多個元素float
子元素float父元素的高度坍塌


## 1.2如何清除float
~~~
(1)給下面的兄弟元素給clear:both;
(2)給父級加overflow:hidden;
(3)用偽元素,給父級內容生成
.row:before{
display:table;
content:””;
}
.row:after{
display:table;
content:””;
clear:both;
}
~~~