Question

假设你假设你有5个div。一个是容器，另外四个是儿童。您已将每个设置为容器的25％，并且您已为每个容器分配了与容器背景分开的背景。

当您调整浏览器大小时，您的4个div在某个时间点不会一直移动，它们可能会关闭几个像素。有没有办法阻止这种形式发生？我假设它正在发生，因为它正在“捕捉到每个像素”，因此在调整浏览器大小时会留下一个小差距。

25% width not going all the way across

#container { 
    width: 100%;
    background: #000;
}
.children {
    width: 25%;
    float: left;
    background: #fff;
 }

JSFiddle：http://jsfiddle.net/AEvUL/

safari中的JSFiddle页面的屏幕截图：http://cl.ly/image/1o1O2O401E0f

Answer 1

John Resig有一篇关于这个问题的帖子，以这个案例为例。

http://ejohn.org/blog/sub-pixel-problems-in-css/

以以下页面为例。你有4个浮动的div，每个   宽度为25％，包含在宽度为50px的父div中。   这是一个问题：每个div有多宽？

问题在于每个div应该大约是   12.5px宽，因为技术不在我们可以开始在亚像素级别渲染的水平，我们往往不得不四舍五入   数。那么问题就变成了：你用哪种方式绕数？   上下，或两者的混合？我认为结果会令人惊讶   你，就像他们做了我一样。

关于这个主题还有几个Stack Overflow问题：

Div缩小时不会100％填充容器

1 个答案: