CSS 页面布局使用层叠样式表格式（而不是传统的 HTML 表格或框架），用于组织网页上的内容。CSS 布局的基本构造块是 div 标签，它是一个 HTML 标签，在大多数情况下用作文本、图像或其它页面元素的容器。当您创建 CSS 布局时，会将 div 标签放在页面上，向这些标签中添加内容，然后将它们放在不同的位置上。与表格单元格（被限制在表格行和列中的某个现有位置）不同，div 标签可以出现在 Web 页上的任何位置。您可以用绝对方式（指定 x 和 y 坐标）或相对方式（指定与其它页面元素的距离）来定位 div 标签。

从头创建 CSS 布局可能非常困难，因为有很多种方法。可以通过设置几乎无数种浮动、边距、填充和其它 CSS 属性的组合来创建简单的两列 CSS 布局。另外，跨浏览器呈现的问题导致某些 CSS 布局在一些浏览器中可以正确显示，而在另一些浏览器中无法正确显示。Dreamweaver 通过提供 30 多个可以跨不同的浏览器工作的预设计布局，使您可以轻松地使用 CSS 布局构建页面。

使用随 Dreamweaver 提供的预设计 CSS 布局是使用 CSS 布局创建页面的最简便方法，但是，您也可以使用 Dreamweaver 绝对定位元素（AP 元素）来创建 CSS 布局。Dreamweaver 中的 AP 元素是分配有绝对位置的 HTML 页面元素，具体地说，就是 div 标签或其它任何标签。不过，Dreamweaver AP 元素的局限性是：由于它们是绝对定位的，因此它们的位置永远无法根据浏览器窗口的大小在页面上进行调整。

如果您是高级用户，还可以手动插入 div 标签，并将 CSS 定位样式应用于这些标签，以创建页面布局。