gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 05:58:06 24 4
gpt4 key购买 nike

我在 Safari 上看到一个奇怪的错误(在 Chrome 和 Firefox 上工作正常)我的导航标题设置为 position:absolute; 表现得好像它是 position:fixed ;

没有添加内联样式,没有类更改,没有 CSS 覆盖任何东西。据我所知,这在 flex 盒实现方面有所不同吗?可能是因为我有嵌套的 flex 容器?

这是怎么回事?在 Chrome 和 Safari 中打开下面的 Codepen 以查看差异。

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

最佳答案

好吧,发布问题 5 分钟后想通了。

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

希望这能帮助遇到同样问题的人!

关于css - Safari flexbox 行为不同,使元素变粘?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36942921/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com