我有以下标记:
<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
什么也没做。
发布于 2011-01-10 20:18:51
设置overflow
应该可以解决这个问题,但您还需要设置Content
的高度。如果不设置height属性,div将根据需要垂直增长,并且不需要滚动条。
发布于 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;
}
发布于 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;
}
https://stackoverflow.com/questions/4646708
复制相似问题