首页 > Web开发 > 详细

CSS清除浮动方法总结

时间:2014-10-18 12:30:16      阅读:241      评论:0      收藏:0      [点我收藏+]


    <div id="wrapper">
        <div id="content1"></div>
        <div id="content2"></div>
        ......
    <div>
1.    包含元素#wrapper {overflow:hidden;}(包含元素内的内容overflow时,无法显示)
2.    包含元素跟所包含的内容同时#wrapper {float:left;}(影响同包含元素同一层的元素的布局)
3.    包含元素#wrapper {display:table;}(属性改变,像table)
4.    包含元素#wrapper:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}(推荐)
5.    包含元素的内容后加<div id="clear_me"\></div> .clear\_me {clear: both;}

CSS清除浮动方法总结

原文:http://www.cnblogs.com/cyberpaz/p/4032746.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!