首页 > 代码库 > 清除浮动方法。
清除浮动方法。
第一种情况：
.content { overflow:hidden; width:100%; height:200px; border:2px dotted blue; } .content .left { float:left; width:200px; border:2px dotted blue; height:300px; background-image:url("1.jpg") } .content .right { margin-left:200px; border:2px solid green; height:400px; background-image:url("a.png") } .buttom { clear:both; height:200px; width:100%; border:1px solid red; } <div class="content"> <div class="left"></div> <div class="right"></div> </div> <div class="buttom"></div>
子div的高度比父div的高度要高， 当父div添加over-flow：hidden/auto；整个界面是以父div的高度为高度的，子div的高度会被隐藏,前提是父div设置高度。如果父div未设置高度，则整个父div会包裹着子div。
2.如果将父div的overflow：hidden删除掉，还想达到这个效果，则，可以如下设置：
<div id="layout">
<div id=‘left‘>Left</div>
<div id="right">Right</div>
<div style="clear:both"></div>
</div>
在父div内添加一个<div style="clear:both"></div> 或者设置clear:left; 父div包裹整个子div。
3.使用伪类：after。必须设置display:block; height:0px; 生成的".",会有高度的。
#layout:after{ content:"."; display:block; clear:both; visibility:hidden; height:0px; }
清除浮动方法。
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。