CSS响应百分比错误

Question

有没有解决方案如何避免Chrome和Firefox中的1px“边界”问题？我有一个4列的网格，每列25％，里面是父div的100％宽度的图像。当您更改视口并调整浏览器大小时，有时您会看到特定大小的1px白色间隙。可能是因为浏览器的计算百分比错误。有人解决了这个问题吗？

Answer 1

你可以做的是在div内部的元素周围放置一个包装器并将宽度设置为101％，然后在父div（原始包装器）上设置它，你可以将它设置为{ {1}}喜欢这样：

<强> HTML

overflow: hidden

<强> CSS

<div class="big-poppa"> <!-- Original Wrapper -->
    <div class="little-momma"> <!-- New Wrapper -->
        <div class="this-little-piggie market"></div>
        <div class="this-little-piggie home"></div>
        <div class="this-little-piggie roast-beef"></div>
        <div class="this-little-piggie none"></div>
    </div>
</div>

这是小提琴：http://jsfiddle.net/YLJmE/