Question

设浮动后，怎样清除浮动？

第一个“div”中包含有一个“ul”。“div”和“ul”的宽高一样，"ul"样式为无，“li”浮动向左。第二个"div"和第一个"div"一样。在ie里都是正常的，但在火狐里，第二个div就挨在第一个div后面了。然后我写了第三个div，清除浮动（<div style="clear:both"></div>）。但是在编辑窗口中，第三个div会默认有高度，预览时都是好的，为什么呢？清除浮动应该怎么写，写哪里呢？
<style>
div,ul,li{ padding:0px; margin:0px; border:0px;}
</style>
首先要谢谢你跟我说了这么多……真的非常感谢哦……

但我ul中有多个li，li的浮动都向左，我按着你的方法，将浮动设在了li中，li全掉下来了……
那我应该怎么做呢？

因为刚刚注册为百度用户，所以没有分。
如果你能继续为我解答的话，我会很感谢你的……

Answer 1

1.清除浮动的div默认是不会有高度的，除非你设置了高度。在编辑窗口中，是软件给你展示有一个div的存在而显示的，代码中依然没有改变本质。

2.如果想以类似<div class="clear:both"></div>这种形式清除浮动的话，那你最好将此div放置在有浮动属性的同级元素后面（比如对于你的代码就是li。不过ul的下一级元素只能是li，所以你可以写成这样：<li style="clear:both;height:0; visibility:hidden"></li>）；如果用overflow:auto这种方式，那么这个设置应该放在具有浮动属性元素的父容器中（如你的ul），而且这种方式是可以清除在非ie及ie7+浏览器中的浮动，对ie6无效，那么设置中应该多写上zoom:1等；还有就是伪对象的使用（:after）。有关清除浮动的方式、还有浮动的本质 网上有很多详释，希望你能认真的看下。多理解，那么你才会真正理解其内在，才好驾驭。

Answer 2

给你的第一个DIV中的ul设置宽度并且加上这个CSS属性即可解决“overflow:auto;”。