一个大的DIV中嵌套两个小的DIV一左一右

大的DIV中嵌套两个小的DIV一左一右步骤如下：

1，首先，图中显示的Web结构是html和css。

2，打开html页面，如图所示，定义一个大div和两个小div。

3，最常用的float float，只要两个小div的宽度小于或等于大div的宽度，就可以并排实现。

4，使用position进行绝对定位，然后使用margin-left删除第一个小div的宽度。

5，使用表格框并排实现div，这是相同的宽度。

6，如图所示，这是上面三种方法运行后的结果，可以看到两个大DIV嵌套在一个大DIV中。

1；DIV和表格布局局限性很多，但是用到表格的时候还是必须要用。

2；现在用的最多的是DIV+CSS来布局，发展的需要，更加灵活多变，代码更整洁清晰。

3；DIV嵌套DIV<div>。

<div class="">

   <div class=""></div>

</div>

4；DIV嵌套表格。

<div class="">

   <table>

      <tr>

         <td>

         </td>

      </tr>

   </table>

</div>

5；根据自己的需要选择何时的搭配这才是最重要的。

6；自己没事的时候可以多练习一下。

---