如果我們想在3列布局的最后加一行頁腳，放版權之類的信息。就遇到必須對齊3列底部的問題。在table布局中，我們用大表格嵌套小表格的方法，可以很方便對齊三列；而用div布局，三列獨立分散，內容高低不同，就很難對齊。其實我們完全可以嵌套div，把三列放進一個DIV中，就做到了底部對齊。下面是實現例子(白色背景框模擬一個頁面)： Body 這里是#header{ MARGIN: 0px; BORDER: 0px; BACKGROUND: #ccd2de; WIDTH: 580px; HEIGHT: 60px;} 這里是#mainbox { MARGIN: 0px; WIDTH: 580px; BACKGROUND: #FFF; }包含了#menu,#sidebar和#content 這里是#menu{ FLOAT: right; MARGIN: 2px 0px 2px 0px; PADDING:0px 0px 0px 0px; WIDTH: 400px; BACKGROUND: #ccd2de; }

接下來開始要真正設計布局了。和傳統的方法一樣，你首先要在腦海里有大致的輪廓構想，然后用photoshop把它畫出來。你可能看到有關web標準的站點大都很樸素，因為web標準更關注結構和內容，實際上它與網頁的美觀沒有根本沖突，你想怎么設計就怎么設計，用傳統表格方法實現的布局，用DIV也可以實現。技術有一個成熟的過程，把DIV看成和TABLE一樣的工具，如何運用就看你的想象力了。

CSS布局與傳統表格(table)布局最大的區別在于：原來的定位都是采用表格，通過表格的間距或者用無色透明的GIF圖片來控制文布局版塊的間距；而現在則采用層(div)來定位，通過層的margin,padding,border等屬性來控制版塊的間距。 1.定義DIV

在了解XHTML代碼規范后，我們就要進行CSS布局。首先先介紹一些CSS的入門知識。如果你已經很熟悉了，可以跳過這一節，直接進入下一節。