可以用 CSS 做到这一点吗?给定以下 HTML:
<div class="main-container">
<div class="left">
...
</div>
<div class="right">
<div class="top">
...
</div>
<div class="bottom">
dynamic content
</div>
</div>
</div>
如果 bottom
溢出 main-container
顶部和底部之间的空间,我希望它滚动。
如何在不指定bottom
高度的情况下做到这一点?
如果可能的话,我不希望在其他元素上指定高度。现在还没有,但是 top
也可以有动态内容。
上面的 HTML 可以根据需要进行更改;我需要的是左列、右列和右列底部滚动的最终结果(如果其上下文超出主容器中的可用空间)。
最佳答案
最后,您必须为元素指定某种限制(height
或 max-height
),以便了解内容是否符合要求超越他们。
设置好这些尺寸后,overflow:auto;
将在您需要时显示滚动条。
关于html - Javascript - 扩展 div 以适应内容但不扩展到容器之外,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6670225/