小编fot*_*ton的帖子

Chrome中的Flexbox容器不会达到100%的高度

另一个Flex容器内的Flexbox列容器在Chrome中不会达到100%的高度,但在Firefox和Edge中都可以.

Codepen示例

.container {
  display: flex;
  flex-direction: column;

  height: 100%;
  width: 100%;

  .inside-container {
    display: flex;
    flex-direction: column;

    height: 100%;

  }
}
Run Code Online (Sandbox Code Playgroud)

css firefox google-chrome css3 flexbox

6
推荐指数
1
解决办法
3万
查看次数

标签 统计

css ×1

css3 ×1

firefox ×1

flexbox ×1

google-chrome ×1