我有以下标记:
<div class="FixedHeightContainer">
<h2>Title</h2>
<div class="Content">
..blah blah blah...
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS看起来像这样:
.FixedHeightContainer
{
float:right;
height: 250px;
width:250px;
}
.Content
{
???
}
Run Code Online (Sandbox Code Playgroud)
由于其含量,高度div.Content
通常大于由其提供的空间div.FixedHeightContainer
.此刻,div.Content
快乐地延伸到底部div.FixedHeightContainer
- 根本不是我想要的.
如何指定div.Content
得到滚动条(只有最好垂直,但我不挑食)时,其高度过大,以适应?
overflow:auto
overflow:scroll
出于某种奇怪的原因,它什么都不做.
所以这个问题已经出现并且现在可能已经解决了 1000 次(滚动固定位置容器中的部分内容,子 div 高度 100% 内部位置:固定 div + 溢出自动)但我似乎无法让我的 CSS 表现.
我正在尝试创建一个具有可滚动内部的弹出式 div。我有一个深灰色的 div,它应该覆盖整个窗口,并且在窗口的中心应该是一个绿色的 div。内部 div 需要有一个边距并调整大小以适合它的内容,除非内容太大并且需要滚动条。
我无法让滚动工作。我试过指定最大宽度/高度,但那些似乎被忽略了。
HTML:
<div class='PopupPanelBG'>
<div class='PopupPanel'>
<div>
<div style='width: 1000px;'>some stuff that is really big</div>
</div>
</div>
</div
Run Code Online (Sandbox Code Playgroud)
CSS:
<div class='PopupPanelBG'>
<div class='PopupPanel'>
<div>
<div style='width: 1000px;'>some stuff that is really big</div>
</div>
</div>
</div
Run Code Online (Sandbox Code Playgroud)