在CSS布局的网页中，＜div＞与＜Span＞都是常用的标记，利用这两个标记，加上CSS对其样式的控制，可以很方便地实现网页的布局。

Div是CSS的定位技术，在Dreamweaver中将其进行了可视化处理。文本、图像和表格等元素只能固定其位置，不能互相叠加在一起，使用Div功能，可以将其放置在网页中的任何位置，还可以按顺序排放网页文档中的其他构成元素。层体现了网页技术从二维空间向三维空间的一种延伸。将Div和行为综合使用，即可不使用任何的JavaScript或HTML编码创作出动画效果。

Div的功能主要有以下3个方面。

l  重叠排放网页中的元素：利用Div，可以实现不同的图像重叠排列，币且可以随意改变排放的顺序。

l  精确的定位：单击Div上方的四边形控制手柄，将其花动到指定位置，即可改变层的位置如果要精确定位AP Div在页面中的位置，可以在Div的“属性”面板中输入精确的数值坐标。如果将Div的坐标值设置为负值，Div会在页面中消失。

l  显示和隐藏AP Div:AP Div，的显示与隐藏可以在AP Div面板中完成。当AP Div面板中的AP Div名称前显示的是“闭合眼睛”的图标时，表示AP Div被隐藏；当AP Div面板中的AP Div名称前显示的是“睁开眼睛”的图标时，表示AP Div被显示。

Div与Span、Class与ID的区别：

Div标记早在HTML3.0时代就已经出现，但那时并不常用，直到CSS的出现，才逐渐发挥出它的优势。而Span标记直到HTML4.0时才被引入，它是专门针对样式表而设计的标记。关于Span标记的详细介绍如下：http://www.zhiyuanit.com.cn/。

Div简单而言是一个区块容器标记，即<div＞与＜/div＞之间相当于一个容器，可以容纳段落、标题、表格、图片，乃至章节、摘要和备注等各种HTML元素。因此，可以把＜div＞与＜/div＞中的内容视为一个独立的对象，用于CSS的控制。声明时只需要对Div进行相应的控制，其中的各标记元素都会因此而改变。

Span是行内元素，Span的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使Span。