Div在收缩时不会填充容器100％

假设您有5个div。一个是容器，另外四个是儿童。您已将每个容器设置为容器的25％，并且您已为每个容器分配了与容器背景分开的背景。Div在收缩时不会填充容器100％

当您调整浏览器的大小时，您的4个div在某个时间点不会完全通过，它们可能会有几个像素关闭。有没有办法阻止这种形式的发生？我假设它正在发生，因为它是'捕捉每个像素'，因此在调整浏览器大小时留下一点空隙。

25% width not going all the way across

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

的jsfiddle：的jsfiddle页面在Safari http://jsfiddle.net/AEvUL/

截图：http://cl.ly/image/1o1O2O401E0f

来源

2013-12-23 jsheffers

代码，演示什么？ –

一个小差距？不要以为这会发生。代码中可能有问题。你能证明吗？ – putvande

添加了代码和jsfiddle演示 – jsheffers

约翰Resig的有一个关于使用该确切的情况下，它的榜样这个问题后。

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

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

问题在于，每个div应该大约为12.5px宽，而且由于技术还没有达到我们可以在子像素级开始渲染的级别，所以我们往往必须舍弃号码。问题就变成了：你把数字加起来的方式是？向上，向下或两者的混合？我认为结果会让你惊喜，就像他们对我做的那样。

也有关于这个问题的几个堆栈溢出问题：

来源

2013-12-23 18:20:53 Nate

我想这是这样的，只是不确定是否有一个快速修复。 – jsheffers

Div在收缩时不会填充容器100％

回答

相关问题