以下皆以兩欄佈局爲例。
1.html：
2.css：
顯示：
1.漂移佈局。
即流佈局。
關鍵字：float，值：lefr、right。
寬度：必須設置。
缺點：會導致內容放置順序的改變，如果想把一個元素浮動到另一個元素下面，必須把要浮動的內容提到緊挨着另一個元素之後，會造成需要讀html文檔內容的用戶的不便。
eg.
2.凝膠物佈局。
把元素放到瀏覽器中央。
關鍵字：margin-left、margin-right，值：auto。
寬度：必須設置。
缺點：凍結的內容不會隨着瀏覽器窗口的變化而擴展。
eg.
3.絕對佈局。（關於絕對佈局，以後再寫一篇詳細總結）
關鍵字：position，值：static（默認）、absolute、fixed、relative。
要指定位置。
缺點：頁腳元素可能會蔓延到絕對元素下面。
eg.