<div class="wrap clear" > <h2>3) 父元素设置 overflow </h2> <div class="box1 left">box1 float:left;</div> <div class="box2 left">box2 float:left;</div> </div> <div class="footer">.footer</div>
.clear{ overflow:hidden; *zoom:1; } .box1{ height:100px; background:#99FF33; } .box2{ height:100px; background:#FF99FF; } .left{ float:left; } .right{ float:right; } .wrap{ border:solid 1px black; } .footer{ background:lightblue; }