自适应父层高度利用padding和margin
“隐藏容器溢出”和“正内补丁”和“负外补丁”结合的方法
css:
<style type="text/css"> *{padding:0;margin:0;} .box{border: solid 1px red;clear:both;overflow: hidden;zoom:1;} .ls{float: left;width: 200px;background: pink;} .rs{width: 800px;background: black;float:left;margin-bottom:-100%;padding-bottom:100%;} </style>
html:
<div class="box"> <div class="ls"> 测试<br> 测试<br> 测试<br> 测试<br> 测试<br> 测试<br> 测试<br> 测试<br> 测试<br> 测试<br> 测试<br> </div> <div class="rs"></div> </div>