對一些經典的布局進行整理，以及修改去除不必要的hack，相容 gecko,ie6,7,webkit
1。經典負邊距布局效果演示
2.eric 的不依賴dom結構的靈活列布局演示
3.經典等高列演示
4.修改版等高列的聖杯布局
去除大量的針對 ie hack，以負邊距和相對定位重新定位列
演示 5.偽絕對定位布局演示
6.五列偽絕對定位布局變體演示
7.09暑期實習某網際網路公司筆試題
出的不錯！
描述：
設計師交給a去實現乙個布局，這個布局由三列等高的區域組成，左欄的寬度為40%-102px，中欄的寬度為200px，右欄的寬度為60%-102px。左中欄、右中欄之間的間隔均為2px。
一開始a覺得實現這樣的布局根本不用花費什麼功夫，可是具體實現的時候，卻發現遠沒有想象中那麼簡單。web標準、瀏覽器相容性……各種需要考慮的細節都讓a覺得自己陷入了麻煩之中。
效果：
演示@google code
原始碼出處
CSS 多列布局 三列布局
下面的 演示了3列布局的用法。html head title 三列布局 styletype text css body column1of3,column2of3,column3of3 body h1style color 706fd3 軟體開發，成就夢想 h2 ahref 學程式設計，上利永貞網 ...
CSS兩列布局
在布局中，我們常常需要出現兩列的情況，其中左邊一列固定寬度，右邊一列隨著瀏覽器寬度變化而變化。如何實現呢？傳統的方法是利用float將左部分浮動起來，再通過margin將右部分右移，得到所需效果，如下 css 如下 color blue color yellow background color b...
CSS多列布局
多列布局適合純文字版式設計，如報紙內和雜誌類網頁布局，不適合做網頁結構布局。靈活使用多列布局特性，可以實現在多列中顯示文字和，從而節省大量的網頁空間。如果網頁上的文字很長，多列布局特性就能夠發揮它的用武之地。相容性參考 columns是多列布局特性的基本屬性，類似邊框特性中的border屬性，該屬性...