关于css布局的一个问题,为什么我这里右边的这个div没有被挤下去?

*{ padding:0; margin:0; } .left{ background: red; float:left; } .right{ background: green; }



<div class="wrap">
<div class="left">abcddddd
<div class="right">bddd
</div>
为什么我这里右边的这个div没有被挤下去?

把你的left 中的 float :left 去掉,浮动会脱离文本流

在left中加上clear:both