div+css的浮动如何清除?
4个回答
2013-08-19
展开全部
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)。有关清除浮动的方式、还有浮动的本质 网上有很多详释,希望你能认真的看下。多理解,那么你才会真正理解其内在,才好驾驭。
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)。有关清除浮动的方式、还有浮动的本质 网上有很多详释,希望你能认真的看下。多理解,那么你才会真正理解其内在,才好驾驭。
展开全部
clear:both 就是清除所有浮动了 相对应的 还有left right属性
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2013-08-19
展开全部
clear:both 就是清除所有浮动了 相对应的 还有left right属性
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2013-08-19
展开全部
http://www.cnwebshow.com/edu/html/article_816.html 里面详细介绍了4种方法,其中第四种目前而言可以更好的实现浏览器兼容的问题。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询