div布局怎么嵌套 ?

Question

div布局怎么嵌套 

Answer 1

<div class="div2">

<div class="div3">1</div>

<div class="div3">2</div>

<div class="div3">3</div>

<div class="div3">4</div>

</div>

像上面那样嵌套，如果要加样式，如下（可以按照要求定义样式）：

<style type="text/css">

.div3{ 

width:80px;

height:40px;

background-color:gray;

float:left;

border:solid 1px red;

}

.div2{

width:180px;

height:40px;

}

</style>

Answer 2

<div style="border:2px; border-color:#339966; background-color:#009900">
<div style="float:left">
测试文字<br />测试文字<br />测试文字<br />测试文字<br />
</div>
<div style="float:right"><img name="" src="" width="93" height="55" alt="" /> </div>
<div style="clear:both"></div>
</div>

需要掌握的是float属性和style="clear:both"语句
<div style="clear:both"></div>这个层用来清除格式，一定要加，否则下面的层会和上面交错