Css IE元素的高度不能跨越其绝对定位的flex容器的最小高度
我正在制作一个包含内容会话的简单页面，该会话将跨越其容器的所有高度，这样我就可以创建一个完整页面的web。然而，我需要做出一些决定 内容的容器div.internal绝对位置显示：flex；柔性流动：柱；最小高度：100%； 使用flex grow的内容会话div.content:1； 让它整页。我需要使内容的容器绝对定位，以实现进一步的内容切换效果 这是我的实现代码，我想知道为什么它只适用于Chrome而不适用于IE11。我可以知道我有什么解决办法吗 先谢谢你 html，正文{ 高度：100vh； } .外部{ 位置：相对位置； 身高：100%； } .内部{ 显示器：flex； 柔性流动：柱； 位置：绝对位置； 排名：0； 右：0； 左：0； 最小高度：100%； 背景颜色：浅绿色； } .无跨距内容上限{ 背景颜色：浅粉色； } .span内容{ 柔性生长：1； 背景颜色：浅蓝色； } .无跨距内容较低{ 背景颜色：浅黄色； } 一些没有特定高度的虚拟内容 在这里跨越内容 一些没有特定高度的虚拟内容 如果还将coordonates底部设置为：0，这很好，但显然不适合你的情况 html，正文{ 高度：100vh； 保证金：0； } .外部{ 位置：相对位置； 身高：100%； } .内部{ 显示器：flex； 柔性流动：柱； 位置：绝对位置； 排名：0； 右：0； 左：0； 底部：0； 最小高度：100%； 背景颜色：浅绿色； } .无跨距内容上限{ 背景颜色：浅粉色； } .span内容{ 柔性生长：1； 背景颜色：浅蓝色； } .无跨距内容较低{ 背景颜色：浅黄色； } 一些没有特定高度的虚拟内容 在这里跨越内容 一些没有特定高度的虚拟内容Css IE元素的高度不能跨越其绝对定位的flex容器的最小高度,css,google-chrome,flexbox,css-position,internet-explorer-11,Css,Google Chrome,Flexbox,Css Position,Internet Explorer 11,我正在制作一个包含内容会话的简单页面，该会话将跨越其容器的所有高度，这样我就可以创建一个完整页面的web。然而，我需要做出一些决定 内容的容器div.internal绝对位置显示：flex；柔性流动：柱；最小高度：100%； 使用flex grow的内容会话div.content:1； 让它整页。我需要使内容的容器绝对定位，以实现进一步的内容切换效果 这是我的实现代码，我想知道为什么它只适用于Chrome而不适用于IE11。我可以知道我有什么解决办法吗 先谢谢你 html，正文{ 高度：100
我们不能将其设置为底部：0。如果内容太多，超过100vh，则span内容将溢出。那么.span content inside.outer之后的所有内容都将被放错地方。@mannok，您应该澄清一下，在您的问题中，这是一个关于flex direction/flow的已知错误：column and height或min height，它需要两个内嵌元素才能工作。不要问我为什么，这是Microsoft的秘密。我首先关注的是位置：绝对。。答案已更新。。我在stackoverflow上测试了它，结果在Chome和IE11之间是不同的。仅供参考：@Deepak-MSFT不，正如你所看到的，IE11使它与Chrome不同rendered@Deepak-MSFT嘿，你添加底部了吗：0；？不要加this@Deepak-MSFT怎么会这样？我把它弄错了，即使我直接运行它。。。对不起，我弄错了。看起来我测试的代码不正确。