图像与页面左侧的图像一样高

Question

我有这个简单的导航栏和下面的图像视图。我希望图像视图的高度与不滚动的空间量一样高。如果你理解我的意思？我以为我可以将height设置为80%或其他东西，但没有任何变化。

结构：

<div id="page">
<div id="navigation"></div>
<div id="content-container">here's my image view</div>
</div>

我希望content-container的高度成为页面左侧的内容。如果我将page的高度设置为50%，则无法更改任何内容..

这是website

编辑：找到它：

body, html{position:absolute; height:100%;}
#page{position:relative; height:100%;}
#content-container{height:89%;} 

Answer 1

试试这个

#navigation {
position: relative;
z-index: 10;
}
#content-container {
overflow:hidden;
position: absolute;
top: 70px; /* #navigation's height */
left: 0;
right: 0;
bottom: 0;
}