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

时间:2013-03-01 20:23:04

标签: css joomla html

我尝试了十几种不同的解决方案,但似乎没有任何效果。

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

在上面的页面上,我希望左侧的蓝绿色背景延伸到周围白色容器的高度。

白色容器的高度由最大的子div(在本例中为主体)的高度定义。

我尝试将sidenav的div高度设置为auto,但div保持固定高度。如果我将div设置为一个非常大的数字(如10000px)并且隐藏了溢出,则不会隐藏任何内容。

我完全不知所措。

2 个答案:

答案 0 :(得分:0)

将父元素设置为position: relative;,然后将子元素设置为position: absolute; height: 100%;

直播示例。

http://jsfiddle.net/pQdAr/

答案 1 :(得分:0)

您的左侧边栏似乎位于float:left

以下帖子可能会对您有所帮助。 How to match height of floating sibling divs