CSS清除浮动：清除float浮动

问题描述：

1）一般浮动是指一个盒子里使用了css的float浮动属性，导致父级对象盒子不能被撑开，这样css的float的浮动就产生了。

 

2）本来两个黑色对象盒子是在红色盒子内，因为对两个黑色盒子使用了float浮动，所以两个黑色盒子产生了浮动，导致红色盒子不能撑开，这样浮动就产生了。

3）简单地说，浮动是因为使用了float:left 或float:right 或两者都是有了而产生的浮动。

 

解决方法：

clear清除浮动

为了统一样式，我们新建一个样式选择器CSS命名为".clear"，并且对应选择器样式为"clear:both"，然后我们在父级"</div>"结束前加此div引入" class="clear" "样式。这样即可清除浮动。

  .clear{ clear:both}  

  <div class="clear"></div>