Box在Safari中的显示方式不同

Question

任何人都可以向我解释为什么这两个盒子＆＃34; Badrum＆＃34; ＆安培; ＆＃34; Sovrum＆＃34;在Safari中相互依赖，但在所有其他浏览器中，它们并排放置。

它曾经在Safari中工作，但我不记得我所做的任何应该影响这一点的变化。

http://linusfrimodig.se/karin/

Answer 1

根据你提到的内容，我只能想到可能发生这种事情的两种情况。这个问题仍然过于模糊，无法回答，为了获得更准确的反馈，请不仅向我们提供您的问题，还要提供您的代码以及您迄今为止所尝试的内容。

方案是：

1）覆盖div的<div>或任何内容“浮动”，并且没有clear:属性添加到紧邻的下一个<div>，或者未优化对于您在(-webkit-, -o-, -moz-)中看到问题的浏览器。

2）第二个<div>的边距足够大，它与浮动的<div>并排放置，或者 浏览器无法优化'使用，忽略边距并覆盖第一个<div>。

请为我们提供一些代码，您尝试过的任何代码，正如您所提到的“它曾经在Safari中工作，但我记不起我所做的任何应该影响这一点的变化。”，这意味着你有试了一下。

Answer 2

我无法弄清楚原因，但是如果你将 flex-flow 属性更改为 nowrap ，它应该可以工作（重载 flatsome的第15118行的CSS ）：

.row, .gallery {
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
}