码迷,mamicode.com
首页 > Web开发 > 详细

CSS清除浮动方法总结

时间:2014-10-18 12:33:04      阅读:254      评论:0      收藏:0      [点我收藏+]

标签:ar   sp   div   on   ef   bs   app   table   方法   


    <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清除浮动方法总结

标签:ar   sp   div   on   ef   bs   app   table   方法   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!