过去最常用的网页布局工具是< table>标签，它本是用来创建电子数据表的。

标签原本不是要用于布局的，因此设计师们不得不经常以各种不寻常的方式来使用这个标签一一如把一个表格放在另一个表格的单元里面。这种方法增加了工作量，并增加了大量额外的 HTML代码，后续要修改设计也很难。

CSS的出现使得网页布局有了新的曙光。利用CSS属性，它可以精确地设定元素的位置，它还能将定位的元素叠放在彼此之上。当使用CSS布局时，它主要用在Div标签上，

与

之间相当于一个容器，该容器可以放置段落、表格和图片等各种HTML元素。Div用来为HIML文档内大块的内容提供结构和背景的元素。Div的起始标签和结東标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由Div标签的属性或通过使用CSS来控制的。

Div标记早在HTML3.0时代就已经出现，但那时并不常用，直到CSS的出现，オ逐渐发挥出它的优势。span标记直到HTML4.0时才被引入，它是专门针对样式表而设计的标记。Div简单而言是一个区块容器标记，即之间相当于一个容器，该容器可以容纳段落、标题、表格、图片，乃至章节、摘要和备注等各种HTML元素。因此，可以把

与

中的内容视为一个独立的对象，它用于CSS的控制。声明时只需要对Div进行相应的控制，其中的各标记元素都会因此而改变。

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

关键词： Div span