Question

CSS中的Float（清除浮动）问题

我弄不明白浮动为什么要清除...既然要用，又为什么要清除，这样不是矛盾了吗？（清除不是又没浮动了） 或者是用了浮动，再清除的话会有没用浮动的效果？ 还有清除浮动有什么好办法呢，请要回答的朋友们别从网上搬来的东西回答......还是麻烦高手们细心的写写 我真的很菜..

Answer 1

不知道怎么说清楚..举例来说明吧...~
有以下代码~
<div id="a">a</div>
<div id="b">b</div>
在元素的自然流下~~a层将和b层一上一下~~
加入我们想实现a b层并列的效果~~那么就需要将a b 浮动~
但是假如下面还有一个C层~~由于a b层浮动了~c层也将环绕在a b层周围~
但是如果我们想让c层在a b层下面出现~那就需要清理浮动~恢复页面元素的自然流~浮动并不是清理自身的浮动的效果~而是清理上面接触到的浮动元素的浮动~使浮动元素后面的元素不接受它们的浮动~按照正常的元素流进行布局....
因此清理浮动和浮动并不矛盾~

清理浮动有很多方法~
可以用clear:(left right both)~个人比较喜欢用overflow来清理浮动~
你可以搜一下一篇叫 清理浮动全家 的文章~~比较全面的介绍了各种清理浮动的方法~

Answer 2

清除的目的是为了消除上一个层的继承关系~！

Answer 3

简单点说,当你想让2个非平行的模块平行排列时,用Float

Answer 4

不清除也可以，你必须要把宽度定死;比如 width:100px;高度可以是 自动