Html 是什么导致FireFox将浮动左移50%宽度？

我有一套相同宽度和高度的div。所有容器都设置为向左浮动，占其容器的50%（容器为页面的100%宽度）。在某些屏幕宽度下，一对div的移动超过50%，就好像旁边还有另一个元素一样

<div class="container">
<div class="pod">
<img />
</div>

<div class="pod">
<img />
</div>
</div>

如果我调整窗口的宽度，我可以解决这个问题。这种情况发生在多个窗口宽度，并且（从我所看到的）仅在FireFox中发生

我将在一个JSFIDLE上工作，看看是否可以复制它来显示它。在那之前，有没有人处理过这个问题并发现了问题

-----编辑----- 通过改变页面宽度，我也可以在Chrome中重现这一点。它只是在FireFox中更常见

如果我把盒子从50%改为47%，问题就会消失

-----编辑----- 结果是我所做的“分裂”导致了这个问题

两个jsfiddle：

各部门现在的反应如何（我忘了提到一些部门是“分裂”的。到目前为止，我还不认为这是问题的一部分）

div在没有拆分的情况下如何响应：

---

我认为嵌套的“50%”会导致拆分项目的舍入，从而导致问题。如果这是真的，以及如何解决这个问题，你有什么想法吗？

首先，如果你还没有这个想法，请获取

然后使用元素检查器并开始从DOM中删除内容。有时，文本可能会溢出分割元素的高度，因此请尝试先删除文本，然后再通过父元素向上移动

这是我在没有看到（X）HTML和CSS的情况下能告诉你的最多的内容

您还可以在除法元素上设置

溢出

，以便

<div style="overflow: scroll;"></div>

……或者

<div style="overflow: auto;"></div>

您的身高是否设置为特定值，如

100px

，

50%

？它们最终看起来像这样吗？div的高度都是一样的，并且是基于其内部的图像大小。div中的所有图像大小相同。请提供我们可以查看的代码，并添加一些JSFIDLE示例。每个div都有相同的内容（文本和图像大小）。firebug是我第一次使用FF安装插件之一。：）添加了一些JSFIDLE示例。所以，@john，我删除了所有元素，只将图像放在divs中，这样任何文本都不会引起问题。要添加哪些元素？豆荚、豆荚还是种子？我试着将它添加到每一个，但问题仍然存在。哦，你说的是宽度…很抱歉，在我今天结束时。请尝试

溢出

属性的

滚动

或

自动

值。还有更多更精细的CSS属性需要处理，这是最初的方法。