Dreamweaver网页制作初级教程：主体div的定义

1、之前我们做过了关于头部标题栏以及logo部分的div切分，不知道大家还记不记得。今天我们要做一些关于网站主体部分的划分，希望大家紧跟着之前的思路哦。首先我们还是打开dw。

3、因为我们准备将body部分划分为2栏，也就说，我们应该定义不同的body，起名一个l一个r，定义代码如下： <div id="body_l"></div> <div id="body_r"></div>

5、定义完成样式的属性，代码如下：#body_l{width:220px;height:500px;background-color:#FFC}#body_r{width:220px;height:500px;background-color:#FFC}先看下效果：

7、可以看到，虽然并排排列了，但是两个div黏在一起，也分辨不出所以然，所以我们加入这样的语句：margin-left:20px让它距离左侧20像素，然后预览。

8、刚刚好，我们分完了这些div，下节我们说一下div的再详细划分。