• 單列布局
  單列布局

• 帶導航條的單列實現(xiàn)：
  代碼

• 雙列布局，側(cè)邊欄固定，主欄目自適應
  雙列布局

• 三列布局：左右是固定寬度，中間是自適應寬度,需要注意的html的順序
  三列布局

• 負margin的小測試 等距排列

• 圣杯布局：也是三列布局，兩邊固定寬度，中間自適應。但是把中間內(nèi)容元素在元素次序中放到最前面。
  圣杯布局

雙飛翼布局：為了解決圣杯布局，當.aside的寬度大于.main的寬度時就會出現(xiàn)錯亂。雙飛翼布局就能夠讓.main永遠不會比.aside小。
雙飛翼布局

布局圖片展示列表：利用負margin 讓圖片等距排列
我是代碼

備注一個CSS的各種動畫效果 原文地址：地址