CSS清除浮动方法总结


    <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;}

posted @ 2014-10-18 11:13  dergum  阅读(117)  评论(0编辑  收藏  举报