CSS清除浮动：清除float浮动

本文主要是介绍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>

这篇关于CSS清除浮动：清除float浮动的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---