[TOC]
# float
> 目的:为了让元素并排显示
## 1.1给多个元素float
子元素float父元素的高度坍塌
![](https://box.kancloud.cn/89d0804875a91e6304daf7f3e5421d05_458x479.png)
![](https://box.kancloud.cn/772ee7e9b8fd96e36041879d8f085d12_464x428.png)
## 1.2如何清除float
~~~
(1)给下面的兄弟元素给clear:both;
(2)给父级加overflow:hidden;
(3)用伪元素,给父级内容生成
.row:before{
display:table;
content:””;
}
.row:after{
display:table;
content:””;
clear:both;
}
~~~