高度应用程序提供第二个滚动条

我正在学习如何使用flexbox,并且在自行尝试之前我已经阅读了很多内容。

我有一个垂直滚动和flexbox目前的问题是非常类似于这个问题:

Flexbox和垂直滚动使用NEWER flexbox api的全高应用程序

但由于目前我无法弄清楚的原因,我的可滚动元素扩展得越多,总的弹性盒元素就越大,但情况并非如此。

这是我的例子:https://jsfiddle.net/Munsta0/8afLpp0h/4/

#contentContainer {
  background-color: red;
  flex: 1 1 auto; //Rest of space
  overflow-y: scroll

  display: flex;
  overflow: auto;
}

#content{
  min-height: -webkit-min-content;
  display: flex;
  flex-flow: column;
}

如何防止整个事情扩大,而我有一个溢出 - Y:滚动?

编辑 :我可以证实,这个错误只有自48以来

链接地址: http://www.djcxy.com/p/75645.html

上一篇: height app gives a second scroll bar

下一篇: Chrome / Safari not filling 100% height of flex parent