html：
<style type="text/css">
div{background-color: #000;}
.div1,.div2{background-color: #ccc;float: left;width: 200px;color: #fff;}
}
</style>
<div style="float:left;overflow:hidden;">
<div class="item">
<div class="div1">
</div>
<div class="div2">
<p>这是一段文字</p>
</div>
</div>
</div>
不固定高度时：div随着内容伸展：
image.png
修改后：
<style type="text/css">
div{background-color: #000;overflow: hidden;
}
.div1,.div2{margin-bottom: -100000px;padding-bottom: 100000px;
background-color: #ccc;float: left;width: 200px;color: #fff;}
}
</style>
<div style="float:left;overflow:hidden;">
<div class="item">
<div class="div1">
</div>
<div class="div2">
<p>这是一段文字</p>
</div>
</div>
</div>
效果图：
image.png
image.png
image.png
