2011-10-17 25 views
1

我知道我可以在樣式表中靜態設置height屬性,但那不是我想要做的。如何讓這兩列在任何時候都具有相同的高度 - CSS?

我想是的,因爲左邊的列class=content會動態變化的高度(基於所產生的內容)我想sidebar柱的高度也改變 - 即使是被動態生成任何內容那裏。

我該怎麼做?

Here is the implementation(在真正的版本中,兩個列直接相鄰,但由於JSFiddle的較小的查看窗口不是)。

EDIT1

我寧願它用CSS來實現只...沒有JS(如果可能)。

謝謝。

+0

生成內容一次,或者是更新?如果內容保持原樣,那麼這是一個簡單的CSS解決方案,但如果不是,那麼不是。 CSS是靜態的,只有js是動態的。 – Zirak

+0

......這些內容是在每個頁面加載時生成的。所以我想你可以說動態的......儘管我想象如果我使用SCSS,LESS或其他一些CSS框架讓我啓動變量,那麼我可以設置div的高度......但我現在只是使用vanilla CSS。 – marcamillion

回答

1

我JS/jQuery的基礎修改: http://jsfiddle.net/pTKd2/3/

+0

我寧願它只用CSS來完成.....如果可能,不用JS。 – marcamillion

+0

這個幫助? http://abcoder.com/wp-content/uploads/2009/09/css-equal-height-three-column-layout.html – box86rowh

+0

Hrmm ...該解決方案看起來很有趣,除了我無法弄清楚有用。有'padding-bottom'和'margin-bottom'做了一些時髦的東西......但除此之外......不能理解它。 – marcamillion

相關問題