DIV实现区域分布,用简单的Html和css代码写？

Question

宽1024*768

Answer 1

给你写一个框架，以及css的选择器的命名，按照命名来补全css代码即可，其中fl是浮动，相同的名称表示样式一样，你去分别控制大小，宽高，背景即可
<div classs="head1 clearFix">
<div class="hd-01 fl">1</div>
<div class="hd-02 fl">2</div>
<div class="hd-01 fl">3</div>
</div>

<div class="content1 clearFix">
<div class="ct-01 fl">4</div>
<div class="ct-02 fl">
<div class="ct-sd1">5</div>
<div class="ct-sd2">6</div>
<div class="ct-sd1">7</div>
</div>

<div class="ct-03 fl">8</div>
</div>

<div class="foot">
9

</div>