Kraken 中 flex 布局的子元素为什么高度不生效？

Newb.斯羽提问于 2026-03-25 21:15:18 阅读 8

框架

我在 Kraken 里用 flex 布局，想让子元素撑满容器高度，但设置 height: 100% 完全没用，试了各种组合都不行，是不是 Kraken 对 flex 的支持有问题？

这是我的代码：

<div style="display: flex; flex-direction: column; height: 300px;">
  <div style="background: red; height: 50px;">Header</div>
  <div style="background: blue; height: 100%;">Content</div>
</div>

在浏览器里这样写是正常的，但在 Kraken 里蓝色区域高度还是 0，根本没撑开……

我来解答赞 3 收藏

反馈

1 条解答

司空誉琳 Lv1

省事的话，直接给 content div 加个 flex: 1 就搞定了。Kraken 对 flex 的处理跟浏览器有点小差异，高度百分比在这种情况下不太灵光。

<div style="display: flex; flex-direction: column; height: 300px;">

  <div style="background: red; height: 50px;">Header</div>

  <div style="background: blue; flex: 1;">Content</div>

</div>

这样蓝色区域就能正常撑开了，别纠结 height 百分比了，累。

2026-03-25 22:01