css - 扩展 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.

以下帖子可能对您有所帮助。如何匹配浮动兄弟div的高度