CSS:如何获取固定高度的容器内部div的滚动条
CSS:如何获取固定高度的容器内部div的滚动条
提问于 2011-01-10 20:15:42
我有以下标记：
<div class="FixedHeightContainer">
<h2>Title</h2>
<div class="Content">
..blah blah blah...
</div>
</div>CSS如下所示：
.FixedHeightContainer
{
float:right;
height: 250px;
width:250px;
}
.Content
{
???
}由于其内容，div.Content的高度通常大于div.FixedHeightContainer提供的空间。目前，div.Content很高兴地从div.FixedHeightContainer的底层延伸出来--这完全不是我想要的。
当div.Content的高度太大而无法容纳时，我如何指定让它获得滚动条(最好是垂直的，但我并不挑剔)？
出于某种奇怪的原因，overflow:auto和overflow:scroll什么也没做。
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-01-10 20:18:51
设置overflow应该可以解决这个问题，但您还需要设置Content的高度。如果不设置height属性，div将根据需要垂直增长，并且不需要滚动条。
Stack Overflow用户
发布于 2019-09-25 02:34:27
FWIW，这里是我的方法=一个对我有效的简单方法：
<div id="outerDivWrapper">
<div id="outerDiv">
<div id="scrollableContent">
blah blah blah
</div>
</div>
</div>
html, body {
height: 100%;
margin: 0em;
}
#outerDivWrapper, #outerDiv {
height: 100%;
margin: 0em;
}
#scrollableContent {
height: 100%;
margin: 0em;
overflow-y: auto;
}Stack Overflow用户
发布于 2018-06-18 14:07:40
由Dutchie432提供的上述答案中的代码
.FixedHeightContainer {
float:right;
height: 250px;
width:250px;
padding:3px;
background:#f00;
}
.Content {
height:224px;
overflow:auto;
background:#fff;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4646708
复制相关文章
相似问题