Safari flexbox行为不同,会使元素变粘?

时间:2016-04-29 16:04:18

标签: css safari flexbox

我在Safari上看到了一个奇怪的错误(在Chrome和Firefox上运行正常),我的导航标题设置为position:absolute;,就好像它是position:fixed;一样。

没有添加内联样式,没有类更改,没有CSS覆盖任何内容。据我所知,它在flex-box实现方面有所不同?也许是因为我有嵌套的flex容器?

这里发生了什么?在Chrome和Safari中打开下面的Codepen,看看差异。

http://codepen.io/mattaningram/pen/zqmyxZ

1 个答案:

答案 0 :(得分:0)

Welp,在发布问题后5分钟就知道了。

显然,Safari不喜欢弹性容器的子级具有基于百分比的高度。我只是删除了height:100%;元素上不必要的.stuff-wrap,并将其修复为Safari。

希望这有助于人们遇到同样的问题!