Javascript 固定位置溢出不滚动

在我的html中，我不知道

标题的高度。那么，如何使内容在溢出时可滚动


.parent{
边框：2倍纯红；
位置：固定；
排名：0；
左：0；
宽度：20%；
身高：50%；
}
标题{
宽度：100%；
边框：1px纯红；
}
.内容{
弹性：1；
位置：相对位置；
溢出y：滚动；
背景：浅绿色；
}

标题
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本。
我们为什么要用它？
读者在查看页面布局时会被页面的可读内容分散注意力，这是一个早已确定的事实。使用Lorem Ipsum的意义在于，它的字母分布或多或少是正态的，而不是使用“此处内容，此处内容”，使其看起来像可读的英语。许多桌面发布软件包和网页编辑器现在使用Lorem Ipsum作为默认模型文本，搜索“Lorem Ipsum”将发现许多尚处于起步阶段的网站。多年来，各种版本不断演变，有时出于偶然，有时出于故意（注入幽默等）。
您需要为
类指定一个高度值。内容
类，否则溢出将不起作用


.parent{
边框：2倍纯红；
位置：固定；
排名：0；
左：0；
宽度：20%；
身高：50%；
}
标题{
宽度：100%；
边框：1px纯红；
}
.内容{
弹性：1；
位置：相对位置；
溢出y：滚动；
高度：250px；
背景：浅绿色；
}

标题
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本。
我们为什么要用它？
读者在查看页面布局时会被页面的可读内容分散注意力，这是一个早已确定的事实。使用Lorem Ipsum的意义在于，它的字母分布或多或少是正态的，而不是使用“此处内容，此处内容”，使其看起来像可读的英语。许多桌面发布软件包和网页编辑器现在使用Lorem Ipsum作为默认模型文本，搜索“Lorem Ipsum”将发现许多尚处于起步阶段的网站。多年来，各种版本不断演变，有时出于偶然，有时出于故意（注入幽默等）。
我看到您有
.content
div和
flex:1设置您需要将flex项目的父项设置为
display:flex
，否则您的flexbox特性将不起作用。您可能还希望将“弯曲方向”设置为“柱”。此外，如果您希望flex项填充容器，则flex项需要是父项的直接子项，父项附带了
display:flex
。因此，要么移除
，要么将
设置为flexbox，并为其提供
显示：flex
。以下是一个片段：


.parent{
边框：2倍纯红；
位置：固定；
排名：0；
左：0；
宽度：20%；
身高：50%；
显示器：flex；
弯曲方向：立柱；
}
标题{
宽度：100%；
边框：1px纯红；
}
.内容{
位置：相对位置；
背景：浅绿色；
宽度：100%；
弹性：1；
溢出Y：滚动；
}

标题
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本。
我们为什么要用它？
读者在查看页面布局时会被页面的可读内容分散注意力，这是一个早已确定的事实。使用Lorem Ipsum的意义在于，它的字母分布或多或少是正态的，而不是使用“此处内容，此处内容”，使其看起来像可读的英语。许多桌面发布软件包和网页编辑器现在使用Lorem Ipsum作为默认模型文本，搜索“Lorem Ipsum”将发现许多尚处于起步阶段的网站。多年来，各种版本不断演变，有时出于偶然，有时出于故意（注入幽默等）。
try overFlow:scroll？我试过了，但没有用。我不想在这里设置高度。如果我设置了高度，它就会工作。我从后端获取内容，以防内容溢出需要滚动。除非我不想设置最小内容的高度@user2024080请使用
max height
。然后，从后端接收的内容将占用所需的空间，直到达到“最大高度”值，然后将溢出。@user2024080在这种情况下，您可以添加