如何使div显示滚动条(没有固定的高度)？

Question

我有一个页面上有两个divs,它应该填满整个屏幕.

它们都有宽度= 100%

上面的高度应该由其内容(适合所有​​内容的最小可能高度)定义,并且永远不会显示任何滚动条.

较低的一个应该填满屏幕的其余部分.但是,如果其内容不适合div,则应显示垂直滚动条.

像这样:

<div id="header">This block should not display the scrollbars</div>
<div id="content">This block should fill the rest of the screen and show the vertical scrollbar if the content does not fit</div>

我该怎么做CSS？

更新:

我正在寻找一种解决方案,不需要我设置上部div的固定高度.

那可能吗？

Answer 1

这应该可以解决你的问题

#header{ overflow: hidden }

#content{ overflow-y: auto }

编辑:你必须定义div的高度