根據另一個div的高度設置div的最小高度

<div id="container"> 
    <div id="div1"> 
    </div> 
    <div id="div2"> 
    </div> 
</div>

。給出上面的示例，如何將div2的高度設置爲div1的最小高度？反之亦然，只使用CSS。 TIA！根據另一個div的高度設置div的最小高度

來源

2011-06-29 zerey

我沒有看到一個例子。請優化您的問題。 – Sterex

其中任何一個的大小都會影響容器的大小，所以你不應該有任何問題。你有一個具體的例子嗎？就像你在浮動內部divs？ – Ibu

。div1和div2在容器div內浮動。實際上，我對容器div的高度沒有任何問題。只有div1和div2。因爲我希望這兩者的大小始終相等，而不管哪一個包含更多文本。 – zerey

你不能這樣做使用CSS ...不動態。

#div1 + #div2 {}將讓你的目標div2發生在div1後，但你不能使高度與前一個元素相關，你只需要硬編碼它。

#div1 {min-height: 100px;} 
#div1 + #div2 { height: 100px;}

來源

2011-06-29 06:24:38 prodigitalson

。那麼，這又有什麼用？ – zerey

你可以使用javascript ...如果你告訴我們更多關於你想要完成的事情，而不是僅僅詢問如何關聯兩個元素的高度，那會更好。 – prodigitalson

。我希望div的高度被設置爲auto，因爲每個div的內容都會不時變化。 – zerey

。我想通過另一種方式，但實際上不是通過繼承彼此的大小。我決定創建一個匹配兩個div背景顏色的背景圖像，然後將其應用到容器div。

來源

2011-06-29 06:52:59 zerey

這就是所謂的[「虛擬列」]（http://www.alistapart.com/articles/fauxcolumns/）技術，而且它通常是最簡單的方法;） – clairesuzy

添加相同的類在兩個DIV1和DIV2然後設置類的最低高度加入

<style> 
     .SomeClass{ 
      height:500px; 
      min-height: 300px} 
    </style> 

<div id="container"> 
    <div id="div1" class="SomeClass"> 
    </div> 
    <div id="div2" class="SomeClass"> 
    </div> 
</div>

來源

2011-06-29 09:42:30 user555600

根據另一個div的高度設置div的最小高度

回答

相關問題