Question

程序如何实现div嵌套div循环，类似上述 布局

程序如何实现div嵌套div循环，类似上述 布局
<div id="div">
<div id="div1">
<div id="div2">
<div id="div3">
<div id="div4">
</div>
</div>
</div>
</div>
</div>

Answer 1

先定义一个总的DIV ，然后在这个总的里面再定义三个DIV ，分别分布在左、中、右。然后在左边DIV中再定义两个DIV ，分别是左上和左下。把大的框架做出来之后再往里面写相应的CSS控制就行了。
给你加个大概的样式
<style>
.main{width:100%; height:auto; margin:0; padding:0;}
.m_left{width:35%; height:auto; float:left;}
.m_center{width:30%; height:auto; float:left;}
.m_right{width:35%; height:auto; float:left;}
</style>
<div class="main">
<div class="m_left">
<div class="m_left_top"></div>
<div class="m_left_foot"></div>

</div>
<div class="m_center"></div>
<div class="m_right"></div>

</div>