DIV高度

我討厭繁瑣的CSS和格式，每次我想我已經破解了，另一個問題出現了，我剛剛結束了嘗試的東西，直到它的作品 - 就像一個小白。好吧。DIV高度

我有三個3的div，一個容器，和兩個內的div。其中一個內部div具有可以在高度上變化的文本，另一個僅僅是複選框，但由於樣式原因，我希望與其他內部div具有相同的高度。設置高度100％（「填充」）只是填充頁面。

<div class="container"> 

    <div class="heightSetter"> contains wrapped text, and varies in height </div> 

    <div> class="filler"> other stuff, that I want as same height as height setter </div> 

</div>

也許一個表會更好，但現在任何關於這個特定問題的幫助/答案/建議感激地收到。

乾杯！

編輯剛剛從以前的問題/答案，使用jQuery和文檔準備就緒。只是測試過它，工作就像一場夢。

$(".filler").height($(".heightSetter").height());

編輯2種 jQuery的絕對岩石，一定有救了我這麼多的開發時間就這個問題和其他問題。對於這個問題

來源

2010-09-15 NimChimpsky

$(".filler").height($(".heightSetter").height());

來源

2010-10-15 13:01:53 NimChimpsky

儘量不要依賴jQuery太多，特別是對於演示文稿，儘管對於像這樣的問題，您可能需要類似IE8.js的東西。 – 2010-10-15 13:06:30

兩個解決方案，工作在IE6：

Faux Columns - 只有工作，如果有伸展（右，在這種情況下）列的背景只有一個背景顏色或重複圖案（因爲它使用圖像或邊框來僞造一列）。

Equal Height Columns - 我還沒有測試的CSS技巧。

來源

2010-09-15 08:52:56

這是非常難以實現的CSS IE6能理解。但是，您可以使用the faux columns technique來僞造它。基本上，您在容器列上設置了一個背景圖像，使其看起來像兩個孩子（高度調節器和填充物）的高度相同。不理想，但它通常會完成這項工作。

來源

2010-09-15 08:53:11

回答

相關問題