html - 我怎样才能一个接一个地 float 三个 wrapper

Question

<div id="wrapper1" style="width:200px;float:left;margin-top:0px">
    <img src="./profilepic.jpg"  width="190px" height="220px"/>
</div>
<div id="wrapper2" style="width:400px;float:left">
    <h2>cool</h2>
</div>
<div id="wrapper3" style="width:300px;float:left">
    <h2>Thanks</h2>
</div>

这是我的三个 wrapper 。我希望它们一个接一个地 float ，但 wrapper3 有时会定位到 wrapper2 的底部，我希望 wrapper1 占用 200px以及 wrapper2 400px 和 wrapper3 300px 总共 900px。

我怎样才能让它们一个接一个地 float ，占据 900 像素？

Answer 1

将三个 div 封装在宽度为 900px、高度为 220px 的包装器 div 中。