為了讓網頁更美觀、協調，有的時候需要用到左右等到布局，傳統的等高布局是用 j**ascript 實現的，現在來看看 silence 發明的真正的 css 實現的等高布局。
為了讓網頁更美觀、協調，有的時候需要用到左右等到布局，傳統的等高布局是用 j**ascript 實現的，現在來看看 silence 發明的真正的 css 實現的等高布局，其方法主要是採用「隱藏容器溢位」、「正內補丁」和「負外補丁」結合的方法實現的。
下面來看看實際的例子（三列等高），以下面的 xhtml **為例：
left
left
left
left
left
center
……（20個或更多個）
center
right
right
righwww.cppcns.comt
tqreott;
css **：
*#wrap
#left,#center,#right
#left
#center
#right
從效果中可以看到，左右兩列雖然內容少，但高度和內容最多的中間列等高。其核心www.cppcns.com**（拿本例來說）是：
#wrap
#left,#center,#right
其中的 10000px 可以修改為其他值，但不能小於最高列的高度。
經測試，此方法相容 ie6/ie7/ie8 beta 2/ff/opera/chrome 。
方法很簡單吧。從這裡可以看出：看似簡單的 css,其實並不簡單。
*****== 華麗的分割線（2009/02/18） ******************************====
前兩天做網頁的時候運用這樣方法發現乙個問題：如果子列有邊框 border 屬性的話，下邊框不會將不顯示。因為他們下面還有很長一部分，都被隱藏了，看圖理解：
半透明部分都被隱藏了，所以看不到下邊框。
本文位址:
用CSS實現等高列
有3個水平方向的塊，塊的內容有多有少。在不設定高度的情況下，高度不等。現要求3個水平塊都有相同的高度，高度等於最高的塊的高度。使用table布局。在table中，在同一行中的單元格是等高的。如下 通過設定padding bottom把塊的高度撐開，使得他們遠遠大於內容的高度。再設定margin bo...
css 等高列的簡單實現
又碰到css等高布局的問題，發現以前沒有總結，這裡再把基本原理寫一下吧。左邊，無高度屬性，自適應於最高一欄的高度 右邊，無高度屬性，自適應於最高一欄的高度 中間，寬度自適應中間，寬度自適應中間，寬度自適應中間，寬度自適應中間，寬度自適應中間，寬度自適應中間，寬度自適應中間，寬度自適應中間，寬度自適應...
CSS等高布局
做一些後台專案，和一下帶側邊欄專案的時候登高布局很常用，總結了下有幾種 1.margin bottom方法 這裡直接介紹我認為的最佳的側邊欄 分欄高度自動相等方法。核心的css 如下 數值不固定 margin bottom 3000px padding bottom 3000px 再配合父標籤的ov...