浮动布局

<style type="text/css">
#c1{background-color: red;}
#c2{background-color:yellowgreen;float:left;}
</style>

<div id="c1">锄禾日当午 </div>
<div id="c2">锄禾日当午 </div>

 

设置浮动之后，下方的块级div 宽度自动和文字内容贴合。 未设置浮动，div1 宽度自动铺满。