1、傳統多列浮動
定義多個div左浮動成多列，在每個div裡插入一推也是左浮動的div。於是就實現了那種參差不齊的效果。
2、直接用css3樣式實現
定義乙個div直接設定它的屬性（column-count:列數），把那些小塊div放在這個大的div中就能實現這種瀑布流效果。
但這種css3屬性在一些低階瀏覽器可能無法實現。
3、絕對布局方式實現
實現效果最優，但最麻煩。
需要實現知道資料塊高度，如果其中包含，需要知道高度；
js 動態計算資料塊位置，當視窗縮放頻繁，可能會狂耗效能。
具體實現方式就不寫出來了。
HTML CSS JS 瀑布流式布局（實現懶載入）
首先來說一下瀑布流的原理吧 瀑布流是許多資料塊組成的，可以是，可以是div，但是它們都有乙個特點，就是等寬不等高，正是因為它等寬不等高，所以如果按部就班的排布的話，才會出現很大的縫隙，特別不好看，說白了瀑布流布局就是充分利用之間的空隙來合理的布局，使布局看起來好看。首先上css布局 因為個人喜歡比較...
實現三欄布局的幾種方法
三欄布局，顧名思義就是兩邊固定，中間自適應。三欄布局在實際的開發十分常見，比如 網的首頁，就是個典型的三欄布局 即左邊商品導航和右邊導航固定寬度，中間的主要內容隨瀏覽器寬度自適應。我們不妨假定這樣乙個布局 高度已知，其中左欄 右欄寬度各為300px,中間自適應，可以通過幾種方法來實現？以及各自的優缺...
實現三欄布局的幾種方法
三欄布局，顧名思義就是兩邊固定，中間自適應。三欄布局在實際的開發十分常見，比如 網的首頁，就是個典型的三欄布局 即左邊商品導航和右邊導航固定寬度，中間的主要內容隨瀏覽器寬度自適應。我們不妨假定這樣乙個布局 高度已知，其中左欄 右欄寬度各為300px,中間自適應，可以通過幾種方法來實現？以及各自的優缺...