【发布时间】：2021-03-11 22:50:03
【问题描述】：
我有一个 CSS 网格，其中一个可滚动元素放置在网格的某个区域中。
如果内容太小而无法容纳该区域，我想要缩小项目。我通过将align-self 设置为start 来做到这一点。
这很好用，直到内容增长。元素调整大小超出其分配到的网格区域的末尾。
如何使用 align-start 但仍将高度限制为网格区域的高度？我原以为这是默认行为。
一种解决方案是让元素拉伸，然后在其中包含一个包含实际内容的子元素。父级会溢出： auto 和子级会简单地增长，直到它对于容器来说太大了。不幸的是，这会杀死 box-shadow。
在这种情况下，我可以将 box-shadow 放在外部元素上，但是当内容小时它会太大。
任何想法我可以在这里做什么？我考虑过使用一些 Javascript shinnanigans，但我什至不确定如何从 JS 中获取网格区域的高度。
JSFiddle：https://jsfiddle.net/1kLenm5a/2/
【问题讨论】：
-
最大高度：100% ?
-
我发誓我尝试了六次，但没有成功，但显然它只是在小提琴中修复了它。让我尝试在我的真实环境中确保我没有遗漏任何东西。
-
大声笑，这行得通。谢谢。我会发布它作为答案。