CSS Div 網站架構 版面 基本的三個區域

一般網頁的構成分成三個部分(三個div)
1.上面的標題 header div
2.中間的文字內容 content div
3.下面的作者和版權 footer div

所以用div來設計網頁的版面時，要先把"上 中 下"三個div完成。這三個div的外面最好有一個wrapper div把三個div包起來，wrapper div可以把所有的 div固定，並且可用CSS將版面置中。

下圖藍色的字為程式的部分，如圖所示，一共分成三個部分top div、middle div、bottom div，然後在外面加個wrapper。













下圖為網頁上呈現的結果，紅色的部分為wrapper div，然後是內部的三個div