Css 父项具有未指定的高度，如何使子项继承？

我试图使子元素

继承父元素的
高度，但使用
高度：100%
将不起作用，可能是因为父元素的高度未知。这取决于帖子的大小

我希望您将鼠标悬停在父元素上，此时子元素变为可见，并占用与父元素完全相同的空间

这有可能吗？最好只使用css

提前谢谢

如果其父项的高度设置为
auto
，则应用
height:100%
实际上不会做任何事情，如果未指定，这是默认值

当图元的高度设置为“自动”时，其高度实际上反映了要容纳其所有子图元必须达到的高度

因此，如果该元素的子元素的高度为100%，则指定必须根据父元素的高度计算高度。但是父母的身高是由孩子的身高决定的，而孩子的身高是由父母的身高决定的

这种无限循环不可能存在，因此在这种情况下，孩子的身高将恢复为
auto
您可以分享您的尝试和代码吗？请您分享您的代码并为我们创建一个提琴，以便我们能够提供帮助：因为我无法设置家长的身高，所以不一样。我添加了一个fiddle.Flexbox将允许您拉伸元素以填充其父容器。不过，我现在没有时间为它构建测试用例。感谢@Quintin，在child上添加了flex grow:1，在parent上添加了display:flex，这两个选项都适用于高度，虽然宽度现在弄乱了，但我会解决的！谢谢这是一个比问题提供的更好的解释，但它没有回答问题。问题是孩子如何继承父母未指定的身高，不是吗？我不是在描述这是怎么不可能的吗？不，你是在解释为什么
height:100%
不起作用。（这是可能的）谢谢你的解释！但是有没有办法解决这个问题呢？起初，我在父div中没有将height设置为aut，但后来我想，可能只有指定了高度，孩子才能接管高度，所以我添加了这一行，但它显然不起作用，正如昆廷所指出的，Flexbox是一个解决方案，但由于IE9及以下版本不支持它，您必须判断这对您有多重要（考虑到IE的市场份额，这一点通常很重要）。但正如您所描述的案例，除了尝试Flexbox polyfill外，我看不到任何解决方案，但我从未使用过Flexbox polyfill，因此我无法告诉您您会有多成功。