製作它的容器，當DIV設置它的高度的父

這裏是我的HTML結構的分度100％：製作它的容器，當DIV設置它的高度的父

<li> 
    <div class='wrapper'> 
      <div class='controller'> ... </div> 
      <div class='preview'> ... </div> 
    </div> 
</li>

在「控制器」和「預覽」的div可以變化的內容，內容的高度也是如此。「控制器」和「預覽」div的高度之間沒有必要相關。在給定的包裝中，一個可能高10px，而另一個高100px。我希望較小的一個擴大以匹配較小的一個的高度。使用「height：100％;」的css規則不起作用，因爲沒有明確的高度設置包裝，並且我不能設置包裝的高度，因爲它內部的內容可能會有所不同。

我正在尋找一個解決方案在CSS不是JavaScript。我的公司對沒有啓用javascript的瀏覽器有嚴格的編寫政策。

來源

2012-04-11 aamiri

對div使用100％的高度只會佔用div所需的內容。您將有明確設置高度。

您可以通過使用一些JavaScript這樣做：

var height = document.getElementById('parentDiv').style.height; 
document.getElementById('childDiv').style.height = height +'px';

來源

2012-04-11 14:02:54 Gabe

我真的不想要JavaScript解決方案，但這看起來像是我能做的唯一事情。 :-( – aamiri 2012-04-11 14:28:49

是的，我明白，但不幸的是，與塊高度只有一些斷開連接。 – Gabe 2012-04-11 14:59:52

它可以用一個腳本來設置或當您不想使用JS，你可以使用人造列技術：

http://www.alistapart.com/articles/fauxcolumns/

來源

2012-04-11 14:04:30 markvandencorput

假設兩個div彼此相鄰（使用浮動或其他），這是HTML中的一個非常常見的問題，它仍然沒有本地解決方案。

解決此問題的一種方法是人造色彩列，但這具有侷限性：通常使用非常寬的邊框來僞造更小的div的背景色，因此您只能使用純色。

如果您確實需要高度相同（因爲在div中都使用相同的邊框，背景圖片或div中的定位元素都需要位於div底部）必須使用JavaScript解決方案。

來源

2012-04-11 14:08:22

製作它的容器，當DIV設置它的高度的父

回答

相關問題