图片与页面左侧一样高

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;
}