本教程为且行资源原创，欢迎转载，遵循：“署名-非商业用途-保持一致”的创作共用协议.szichuan@gmail.com QQ:510280445
在 这里主要是要说明如何在header下面设置一个两栏布局。在前面我们设置了header的width为700px为了使其下方的二栏式布局也为 700px并居中，我们需要使用3个div,包含#layout作为一个包含器，在其中有#left，与#right两个div，分别是左右两栏。
首先插入#layout,插入的方法我们可以借助布局面板工具，插入一个div标签，注意选择位置，并新建一个#layout样式设置其width:700px。如何插入div标签，请参阅教程一。并把其中显示的文字删除，如图：
把#layout中显示的文字删除后，在相同的位置(#layout的内部插入)插入#left的div标签。设置#left的width:150px;float:left;如下图：
使用类似的方法插入#right标签。不过这时候选择的应当是在#left标签结束之后了。
最终把Dreamweaver(简称DW)切换到代码视图，在body区内容应当如下:
