自适应父层高度利用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>