如何阻止 2 个子容器扩展

Question

我有这个容器，我想在填充数据时停止扩展。我想知道如何在 css 中实现这一点。我这里有四个容器。主容器（黑色）、子容器（橙色）、子容器 1（蓝色）、子容器 2（绿色）。主容器具有屏幕的填充高度。我将 Sub-container1 设置为主容器高度的 85%，将 sub-container2 设置为 15%。如果我放置很多内容，我想阻止子容器 1（蓝色）和子容器 2（绿色）从其高度扩展更多。有人可以帮助我如何在 css 中实现这一目标吗？

Answer 1

你试过给子容器一个 max-height 吗？另外，对于不适合的内容，您希望如何处理？您可以给子容器一个 overflow:scroll 或 overflow:hidden

Answer 2

为子容器设置 overflow: scroll; 或 overflow: hidden;。