Google chrome 在Firefox和Chrome中呈现HTML Chrome将所有宽度舍入为整数像素。除非容器宽度可以被10整除，否则这意味着浮动宽度将被舍入，因此它们实际上不是它的30%和70%，因此它们之间可能有空间

Gecko以分数像素进行布局计算，因此它可以更精确地表示宽度，并在绘制时捕捉到像素网格，避免这种接缝

---

您可能的解决方案是确保您的容器的宽度为10px的倍数，并向WebKit团队投诉从整数到整数的像素行为。或者两者都有。

我们需要这两个div的容器来复制此问题，因为您的宽度和高度占其父级宽度和高度的百分比。这在2012年仍然有效吗？@甲壳虫视情况而定。从Chrome 21开始，Chrome在某些情况下会根据标准进行亚像素布局，但其他WebKit端口可能不会。

<div style="float: left;
            height: 20%;
            width: 70%;"</div>
<div style="float: right;
            height: 20%;
            width: 30%;">         </div>