时间戳

首页 > 解决方案 > Safari Flexbox 截断内容

html - Safari Flexbox 截断内容

问题描述

我有 3 行，header，content和footer。它在 Chrome 中按预期呈现，但在 Safari 中切断了底部。我究竟做错了什么？

截屏

.wrapper {
  display: flex;
  flex-flow: column;
  height: 100%;
}

.content {
  flex: 1;
}
<div className="wrapper">
  <div className="header">I am a header</div>
  <div className="content">I am some content</div>
  <div className="footer">
    <ul>
      <li>Hi</li>
      <li>Hi</li>
      <li>Hi</li>
      <li>Hi</li>
      <li>Hi</li>
    </ul>
  </div>
</div>

标签： htmlcsssafari

解决方案

推荐阅读