擴展div的背景以填充父div的高度

Question

我已經嘗試了十幾種不同的解決方案，似乎沒有任何工作。

http://betelec.ergonomiq.net/societe/offres-d-emploi

在上述網頁上，我想左側sidenav的水鴨背景延伸到周圍的白色容器的高度。

白色容器的高度由最大的子div（本例中爲主體）的高度定義。

我已經嘗試將sidenav的div高度設置爲auto，但div仍然是固定的高度。如果我將div設置爲像10000px這樣的非常大的數字並且隱藏了溢出，則不會隱藏任何內容。

我完全不知所措。

Answer 1

設置父元素position: relative;，然後將子元素position: absolute; height: 100%;

活生生的例子。

http://jsfiddle.net/pQdAr/

Answer 2

它看起來像你的左側邊欄由float:left定位。

以下文章可能對您有所幫助。 How to match height of floating sibling divs