Html 固定容器div时嵌套的子div不可滚动

我有一个容器div（model）被设置为

位置：fixed

（绝对不是我的选项）。在这个容器中，我有两列。其中一列包含选项卡按钮，下面是一些内容或表单。这个内容（只有内容，而不是标签）应该是可滚动的，但我不知道如何滚动

选项卡的高度可以更改，因此解决方案不能包含选项卡栏的固定高度

我已经尝试通过将列设置为

位置：相对
，
最小高度：100%
和
溢出-y:scroll
来首先使整个列可滚动，但第一次尝试甚至没有成功


编辑

不是复制品


我在一个固定的容器里工作
我在灵活的高度工作
试图实现一个只使用css的解决方案
这是因为没有太多内容可以滚动。。放些内容试试看。。检查下面的链接

overflow-y: auto 

将其添加到modal类中。谢谢

99
这是因为没有太多内容可以让它滚动。。放些内容试试看。。检查下面的链接

overflow-y: auto 

将其添加到modal类中。谢谢

99
通过应用以下css，您的div将可滚动

.content{
  height: 80%;
  overflow-y: auto; 
}

通过应用以下css，您的div将可滚动

.content{
  height: 80%;
  overflow-y: auto; 
}

发生此问题的原因是您没有向container.details列声明“max height”

试试下面的CSS：

.内容{
最大高度：400px；
溢出y：自动；
}

注意：您必须设置容器的固定高度或固定最大高度，否则容器将不知道何时必须滚动数据。
发生此问题是因为您没有向容器声明“最大高度”。详细信息列

试试下面的CSS：

.内容{
最大高度：400px；
溢出y：自动；
}

注意：必须设置容器的固定高度或固定最大高度，否则容器将不知道何时必须滚动数据。
摘自W3School：

溢出属性仅适用于具有指定值的块元素
高度

但由于您有灵活的高度元素，它不知道何时溢出，因为它将继续增长

您很可能必须定义高度或最大高度，甚至使用JS来计算高度，我可以提出的另一个建议是使用
空白
属性以及高度的calc（）

编辑：
下面是一个很好的来源，可以帮助您了解溢出：

祝你好运。
摘自W3School：

溢出属性仅适用于具有指定值的块元素
高度

但由于您有灵活的高度元素，它不知道何时溢出，因为它将继续增长

您很可能必须定义高度或最大高度，甚至使用JS来计算高度，我可以提出的另一个建议是使用
空白
属性以及高度的calc（）

编辑：
下面是一个很好的来源，可以帮助您了解溢出：

祝你好运。
模态中表单的可能副本应该是可滚动的，而不是带有lorem ipsum的实际页面。你读了我的问题了吗？我希望表单可以滚动。不是完整的模式或两列。模式内的表单应该是可滚动的，而不是带有lorem ipsum的实际页面。你读了我的问题了吗？我希望表单可以滚动。不是完整的模式列或两列。不是：。而且，我不能在固定高度下工作。我不知道内容的高度是否为80%。它不是：。而且，我不能在固定高度下工作。我不知道内容的高度是不是80%。谢谢，终于有人解释了他的答案。我将使用一些JS计算最大高度，但使用您的解决方案我还有另一个问题。宽度/x轴也可滚动。请参阅：您可以看到输入字段未完全显示。请参阅了解！您并没有在CSS中使用“框大小调整”，它包括填充而不增加元素的宽度。您可以使用这两个代码段中的任意代码段：1）*{box size:border box；}或2）表单输入{width:99%；}。我希望它能帮助你。如果你需要提琴，请告诉我。谢谢，终于有人解释了他的答案。我将使用一些JS计算最大高度，但使用您的解决方案我还有另一个问题。宽度/x轴也可滚动。请参阅：您可以看到输入字段未完全显示。请参阅了解！您并没有在CSS中使用“框大小调整”，它包括填充而不增加元素的宽度。您可以使用这两个代码段中的任意代码段：1）*{box size:border box；}或2）表单输入{width:99%；}。我希望它能帮助你。如果你需要提琴，请告诉我。好的，谢谢！我将使用JS来计算高度，但是使用overflow-y属性也会导致x-scroll。这是因为您必须明确告诉浏览器需要隐藏
overflow-x
，当前
x&y
都设置为滚动，请尝试以下操作：
overflow:hidden隐藏溢出，然后将y设置为滚动<代码>溢出-y：滚动x轴已消失，但内容超出表单宽度。您可以在输入框上看到它。在你的情况下，右边的边框不可见，在那支特定的笔中，我通过添加：
input{box size:border box；}
解决了这个问题，但我建议你阅读以理解这个概念，你可能已经知道了。是的，在我的项目中，我有一个重置css文件，所以问题将针对这支笔。谢谢你的帮助！好的，谢谢！我将使用JS来计算高度，但是使用overflow-y属性也会导致x-scroll。这是因为您必须明确地告诉浏览器，
overflow-x
需要