在开始CSS布局之前，有必要认识一个重要标签——div：著名的“盒子模型”。
div是什么？
      div是其它XHTML标签一样，是一个XHTML所支持的标签。
如当使用一个表格时，应用<table></table>这样的结构一样，div在使用时也是以<div></div>这样的形式出现。  
div是一个容器。我们知道，XMTHL页面中的每一个标签对象几乎都可以称得上是一个容器，如使用h1标题对象：
<h1> 这是一段标题</h1>
h1作为一个容器，其中放置了内容。
同样，div也是一个容器，能够放置内容，例如：
<div>内容</div>
div是XHTML中指定的，专门用于布局设计的容器对象。
我们知道，在传统的表格式布局之中之所以能够进行页面的排版布局设计，完全依赖于表格对象table。在页面中绘制一个多个单元格组成的表格，在相应的表格中放入内容，通过表格单元格的位置控制，达到实现布局排版的目的，这是表格式布局的核心内容。
而在今天，我们所要接触的是一种全新的布局方式——CSS布局，div则是这种布局方式的核心对象，我们的页面排版不需要依赖表格，仅从DIV的使用上说，做一个简单的布局只需要依赖两样东西div与CSS。因此也有人称CSS布局为div+css布局。