正确溢出而无需使用JavaScript设置静态高度

Question

问题很简单：

http://jsfiddle.net/boblauer/wflgg/

在左侧的示例中，我有整个滚动，这可以正常工作，因为我可以将滚动div的高度设置为100％。在正确的示例中，它不起作用，因为我不知道我的滚动div的高度应该是多少，因为它与另一个元素共享该空间。如果我将其设置为100％，它会从容器中溢出，从而导致您在示例中看到的第二个滚动条。

我知道我可以使用JavaScript将.scroll -container的高度设置为（容器高度 - 标头高），但是是否有纯CSS解决此问题？我讨厌为此使用JavaScript，特别是因为当窗口大小时，我必须重新计算滚动div的大小

编辑：对不起，我不太清楚。我想要的是让标头保持在顶部，而列表本身则可以滚动。

Answer 1

我认为这可能有用

.scroll-container {
    overflow: auto; 
    padding-top:20px;    
}
#ex2 span{
position:absolute;
    background:white;
}

jsfiddle

Answer 2

在#ex2上设置overflow: y-scroll;，它将以#ex1的形式进行。

#ex1, #ex2 {
    float: left;
    height: 100%; 
    width: 45%;
    border: 1px solid black;   
    overflow: auto;   
}
#ex2 { overflow: y-scroll; }

demo