用空标签清除

.clr{clear:both;}

<divid="layout">

<divid="left">Left</div>

<divid="right">Right</div>

<pclass="clr"></p>

</div>

使用overflow属性

#layout{overflow:auto;zoom:1;}

<divid="layout">

<divid="left">Left</div>

<divid="right">Right</div>

</div>

使用:after（非IE浏览器）

#layout:after{

display:block;

clear:both;content:"";

visibility:hidden;height:0;

}

<divid="layout">

<divid="left">Left</div>

<divid="right">Right</div>

</div>注：使用:after需要注意几点，设置高度为零（height:0;）；content是必须的，但其值可以为空