2010-09-03 43 views
0

所以,如果父div的高度是100%,那么你可以将孩子设置为100%,它会工作。 但是,如果父母的身高由内容决定,那么身高属性似乎不起作用。液体父母可以将CSS div高度100%工作吗?

是否有一个体面的解决方法,可以在大多数浏览器上工作?

<html> 
<head> 
<style> 
#content img 
{ 
    display: block; 
} 
#left 
{ 
    float: left; 
} 
#right 
{ 
    float: left; 
    width: 200px; 
    border: thin solid; 
    height: 100%; 
} 

</style> 
</head> 
<body> 

<div id="content"> 
    <div id="left"> 
     <img src="images/dc_logo.png"/> 
     <img src="images/dc_logo.png"/> 
     <img src="images/dc_logo.png"/> 
    </div> 
    <div id="right"> 
     stretch full height plz 
    </div> 
</div> 

</body> 
</html> 

回答

1

不,没有,这是一种耻辱。模拟效果有一些小技巧,但这些都是情境化的。例如,如果您有一个侧边栏和一个主要内容区域,您可以将它们包围在一个容器中,然后将该容器的背景垂直重复,以使其看起来像侧边栏。或者您可以使用JavaScript来动态计算onload的大小。但不幸的是,纯粹的CSS明智你卡住了。

+0

噢,谢谢你的确认。 – 2010-09-03 21:20:14