CSS阻止元素具有比父元素更高的高度

我喜欢这个结构

我想这样做，当div1的内容变得太大，无法容纳它和div2在主div中时，它将获得一个滚动条，并且不会从父div的底部推出任何内容

如何在CSS中实现这一点

编辑：

父div（或者更确切地说，它的父div）具有设置的高度。在这一点上，设置overflow:scroll on div1只会使它超出底部，并在侧面有一个滚动条

使用

overflow:scroll

在您的CSS中的div1中。

使用

overflow:scroll

---

在div1上的CSS中。

可以使用溢出设置：

#id
{

   overflow: scroll;

}

---

您可以使用溢出设置：

#id
{

   overflow: scroll;

}

---

首先，您需要溢出：滚动div1。而且，您还需要以某种方式固定其高度的值，使div在达到该值后需要一个滚动条。如果父div上有固定高度或最大高度，则应该没有问题

编辑

请查看以下内容：。 看起来（不幸的是）您仍然需要为div1的高度设置一个值。我想最大高度也可以。

---

另外，为了使滚动条仅在必要时显示，您需要溢出：自动。

首先，您需要溢出：在div 1上滚动。而且，您还需要以某种方式固定其高度的值，使div在达到该值后需要一个滚动条。如果父div上有固定高度或最大高度，则应该没有问题

编辑

请查看以下内容：。 看起来（不幸的是）您仍然需要为div1的高度设置一个值。我想最大高度也可以。

---

顺便说一句，为了让滚动条只在必要时出现，您需要溢出：auto。

我的印象是——记住我没有测试过这个理论——无论父div#1（和div#2）中有多少内容，父div都将扩展以适应，除非您已经在该父项上定义了显式宽度？Div id不能以数字开头，因此您在测试时可能会遇到与解决方案的有用性无关的bug是的，只是为了说明，我的印象是——记住我没有测试该理论——无论您在Div#1中有多少内容（及第2分部）父div将扩展以适应，除非您在该父div上定义了显式宽度？div id不能以数字开头，因此您在测试时可能会遇到与解决方案的有用性无关的错误。是的，这只是为了说明问题。我尝试了这一点，但它不起作用。不知怎的，div 1 Iit’它没有从父级继承最大高度请参阅中微子的注释。您可能还必须为div 1设置固定高度。很抱歉造成混淆。我尝试了此操作，但无效。div 1没有从父级继承最大高度请参阅中微子的注释。您可能还必须为div 1设置固定高度。