css - 如何使用 div 滚动而不是 body 滚动

Question

我有一个简单的div，里面有一些文本，还有这个css

#mydiv{
    width:100px ; 
    height :300px;
    border : 1px solid black ; 
    overflow : auto
}

到目前为止 div 没有滚动，当我最小化窗口的高度时，主体滚动出现 这样你就可以看到 div

的内容

查看此 jsFiddle

问题 如何禁用主体滚动并改用 div 滚动，使 div 始终可见

Answer 1

只需确保有足够的内容来使 div 滚动....在您的示例中，它非常适合。 这是调整:

#mydiv{
 width:300px ; 
 height :100px;
 border : 1px solid black ; 
 overflow : scroll;    
}