css - 在内部 div 上滚动？

Question

我希望滚动“浏览”部分。

 <section id="browse">

http://jsfiddle.net/a4H6K/

此刻什么都没有发生。我隐藏了 body 上的溢出并在浏览部分设置了自动滚动。浏览部分的高度也设置为 100%。

Answer 1

用于在 % 中设置高度，父元素应明确设置高度。

在你的例子中，<main>没有设置高度。

您必须为所有 parent 设置高度，如下所示:

html, main {
 height: 100%;
}

JSFiddle

更新

根据评论，要查看完整的滚动条，我们需要取 <nav> 的高度考虑在内，因此 section#browse不能有 100%宽度。

例如，

nav{
 background: red;
 height:20px;
}
#browse{
 height: -webkit-calc(100% - 20px);
 height: -moz-calc(100% - 20px);
 height: -ms-calc(100% - 20px);
 height: calc(100% - 20px);
 overflow: auto;
}

JSFiddle