div+css的浮动如何清除?

发布网友发布时间：2022-04-23 20:30

共1个回答

热心网友时间：2022-04-06 09:04

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）。有关清除浮动的方式、还有浮动的本质
网上有很多详释，希望你能认真的看下。多理解，那么你才会真正理解其内在，才好驾驭。