CSS具有兩面性。就像它在格式化文本、導航欄、圖片以及其他小小的網頁方面很棒一樣,當你準備好佈局完整的網頁時,它真正可怕的一面也展現出來了。
CSS佈局有兩種風格——絕對定位和浮動。絕對定位讓你把一個元素以像素級的精確性定位在網頁的任何位置——或者理論上是這樣。這種整體控制令人興奮,就如你將在下一章中所看到的,但是實際上很難實現。這就是大量網頁設計使用基於浮動的佈局的原因,也是本章的主題。
CSS佈局如何進行
How CSS Layout Works
HTML的局限性迫使網頁設計師們去開發更聰明的方式來使他們的網頁更美觀。過去最常用的工具是<table>標籤,它本是用來創建電子數據表——比如由數據行和列組成的信息顯示表。但是設計師們卻用HTML的表格來創建一種用來組織網頁內容的腳手架(見圖11-1)。可是由於<table>標籤本來不是要用於佈局的,因此設計師們不得不經常以各種不尋常的方式來使用這個標籤——比如把一個表格放在另一個表格的單元里面——僅僅為了得到他們想要的效果。這種方法的工作量很大,增加了大量額外的HTML代碼,並使得後面要修改設計很難。但是在CSS出現之前,那就是網頁設計師們所擁有的一切辦法。