我有一个文档结构,它维护页面顶部的页眉和底部的页脚。只要中间的内容小于窗口的高度,它就工作得很好。如果内容太长,则会将页脚进一步向下推,并显示一个全身滚动条。如何才能将滚动条限制为内容DIV。
注意,页眉和页脚的内容不是固定的,所以我不知道这些元素的高度,也不能将内容元素的顶部位置设置为固定值。我在示例中添加了一个显示/隐藏功能来演示这一点。
我试图用纯CSS来解决这个问题(避免使用Javascript)。我知道使用javascript,我可以监控窗口大小和元素可见性的变化,我可以计算页眉和页脚的高度,并为内容元素设置固定的尺寸。但是有没有非javascript的解决方案呢?
html {