我有一个header元素和一个content元素:
#header #content
我想要的标题是固定的高度和内容填充所有剩余的高度可用在屏幕上,与overflow-y:scroll;。
这可能没有Javascript?谢谢。
解决方法
这个的诀窍是指定高度:100%;对html和body元素。
一些浏览器寻找父元素(html,body)来计算高度。
一些浏览器寻找父元素(html,body)来计算高度。
<html> <body> <div id="Header"> </div> <div id="Content"> </div> </body> </html> html,body { height: 100%; } #Header { width: 960px; height: 150px; } #Content { height: 100%; width: 960px; }