我有一组具有相同宽度和高度的div。全部设置为向左浮动和50％的容器（容器是页面的100％宽度）。在某些屏幕宽度上，几个div移动超过50％，好像旁边还有另一个元素。
<div class="container">
<div class="pod">
<img />
</div>
<div class="pod">
<img />
</div>
</div>
如果我调整窗口的宽度，我可以解决问题。这种情况发生在多个窗口宽度和（我可以看到）仅在FireFox中。
我会在一个jsfiddle上工作，看看我是否可以复制它来展示它。在那之前，有没有人在此之前处理过这个问题？
-----编辑----- 我也可以通过更改页面宽度在Chrome中重现这一点。它更常见于FireFox。
如果我将方框从50％更改为47％，问题就会消失......
-----编辑----- 结果我正在做的“分裂”导致问题。
两个jsFiddles：
div如何回应（我忘了提到一些div是“分裂”。直到现在才认为这是问题的一部分） http://jsfiddle.net/dcp3450/xvMHR/
div如何在没有分裂的情况下做出回应： http://jsfiddle.net/dcp3450/Xzrgv/
我认为嵌套的“50％”导致了拆分项目的一些舍入，并导致问题。关于这是否属实以及如何解决问题的任何想法？
答案 0 :(得分：0)
首先，如果您还没有，请获取Firebug。
然后使用元素检查器并开始从DOM中删除内容。有时文本可能溢出分割元素的高度，因此请尝试删除文本 first 然后逐步通过父元素。
在没有看到（X）HTML和CSS的情况下，这是我能告诉你的最多。
你也可以在分区元素上设置overflow，因为......
<div style="overflow: scroll;"></div>
...或...
<div style="overflow: auto;"></div>