Question

html div 浮动

这种布局怎么代码怎么写！

Answer 1

不知道是不是这个效果，代码：

<div style="width:200px;height:500px;border:1px solid #f00;float:left"></div>

    <div style="width:800px;float:left;">

        <div style="width:300px;height:200px;border:1px solid #f00;float:left"></div>

        <div style="width:300px;height:200px;border:1px solid #f00;float:left;"></div>

        <div style="width:300px;height:200px;border:1px solid #f00;float:left;"></div>

        <div style="width:300px;height:200px;border:1px solid #f00;float:left"></div>

        <div style="width:600px;height:200px;border:1px solid #f00;float:left"></div>

    </div>

Answer 2

<div style="width:600px;">
<div style="float:left;background:#000;width:200px;height:900px;">left</div>
<div style="float:left;background:#0C0;width:200px;height:300px;">111</div>
<div style="float:left;background:#00F;width:200px;height:300px;">222</div>
<div style="float:left;background:#639;width:200px;height:300px;">333</div>
<div style="float:left;background:#FF0;width:200px;height:300px;">444</div>
<div style="float:left;background:#C00;width:400px;height:300px;">555</div>
</div>
试一下吧