小编Jac*_*ade的帖子

Safari Flexbox,可滚动,100vh 问题

我正在构建 100% 高度的应用程序侧边栏,需要滚动并在最底部保留一些链接。我的解决方案在 Chrome 中完美运行,但在 Safari 中存在重叠问题。

基本的部分看起来像这样:

position: fixed;
left: 0;
min-height: 100vh;
height: 100vh;
display: flex;
flex-direction: column;
width: 180px;
justify-content: flex-start;
overflow-y: scroll
Run Code Online (Sandbox Code Playgroud)

在这里查看 Codepen:

http://codepen.io/jackmcdade/pen/PZveXo?editors=1100

任何帮助或见解表示赞赏!我担心这可能是这个Webkit Bug

css safari vertical-alignment flexbox

4
推荐指数
1
解决办法
3670
查看次数

标签 统计

css ×1

flexbox ×1

safari ×1

vertical-alignment ×1