【问题标题】:New version of Google Chrome css display: flex issue新版谷歌浏览器 css 显示:flex 问题
【发布时间】:2015-06-28 17:43:48
【问题描述】:

Google Chrome 更新后,我的问题开始重现。问题是我无法为 flex 容器内的子元素(内部有这么多子元素,出现滚动)设置固定高度。 Here is code on jsfiddle。顺便说一下,设置 min-height 而不是 height 可以解决这个问题。

【问题讨论】:

标签: css google-chrome flexbox


【解决方案1】:

这不是问题,问题是.tab-content 的绝对定位。 这是一个工作小提琴: https://jsfiddle.net/7560L27b/4/

【讨论】:

  • 尝试在新版 Google Chrome (43.0.2357.65) 中运行 jsfiddle
【解决方案2】:

flex-shrink: 0 用于.header

https://jsfiddle.net/7560L27b/33/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-09-19
    • 2016-10-26
    • 2017-01-15
    • 2011-01-20
    • 1970-01-01
    • 2011-01-07
    • 2015-03-25
    • 1970-01-01
    相关资源
    最近更新 更多