Div即“分隔符”，它是一种无语义的标签，不具备任何语言信息，仅通过CSS的样式规则来进行布局分隔。给定div一个ID或class名称，在样式表中定义好该ID或class的样式，即可自由排列网页的结构，实现各种各样的布局效果。比如大家可以设置header，body，footer等区域的框架，通过div来实现排列，如下：

#header {
width: 1000px;
height: 100px;
margin: 0 auto;
background-color: #333;
}
#body {
width: 1000px;
height: 500px;
margin: 0 auto;
}
#footer {
width: 1000px;
height: 50px;
margin: 0 auto;
background-color: #f2f2f2;
}

上面的代码演示了最简单的商业网站布局，其中header、body、footer分别代表整个页面的顶部区域、中央区域和底部区域。其实在header和footer里面还可以进一步分布上下导航栏、logo等元素，body部分则是网站内容的展示区域。通过给定div的ID或class设置不同的宽高、背景颜色、边距等样式属性，可以达到各种视觉效果。

除了这种传统的布局方式，现在也有更为灵活、可扩展的响应式布局，即根据设备不同的屏幕尺寸来自动适应调整布局，实现更好的用户体验。这里介绍一个常用的CSS框架——Bootstrap，它提供了丰富的CSS类和JavaScript插件，可以快速地构建出一个响应式的商业网站。下面是一个简单的示例：

Bootstrap fluid layout example
Try to resize the browser window to see the effect.
.col-sm-4
.col-sm-4
.col-sm-4

在这个示例里，container-fluid代表容器采用流式布局，可以自由调整宽度和高度。row用来表示行，其中的col-sm-4则是Bootstrap提供的响应式网格系统，用于划分一个row内部的内容，这里划分成三列，分布采用的是等分策略。随着窗口大小的变化，这三列区域也会自动地进行横向拆分、堆叠等布局调整。

总之，CSS div作为网页布局的基础单元，具有极大的灵活性和扩展性，可以根据业务需求和用户体验的要求，使用不同的CSS样式进行排版。在商业网站开发中，掌握CSS div布局技术，可以提高页面的美观性和有效性，吸引更多的客户流量。