2

首先，我对 CSS 还是很陌生，所以我希望我没有做任何非常愚蠢的事情。

基本上，我有一个使用Pure构建的设计，宽度在 Google Chrome 中播放，而它在 Firefox 中按预期工作。

这是我所做的链接： http: //egf.me/Rushd/rushdtest.html和截图：

如果您查看页面源代码，我实际上并没有在自己的 CSS 中做任何更改来更改任何内容（我将其全部注释为检查以确保）所以我猜我以某种方式使用纯错误，因为他们自己的网站在 Chrome 上呈现良好。

此外，使用 Chrome 的开发工具检查元素显示应该彼此相邻的 div 元素的宽度加起来小于父元素的宽度。似乎没有任何东西有缓冲区或填充。此外，如果我手动将宽度减小到非常小，Chrome 似乎可以神奇地修复所有问题。

4

1 回答 1

6

问题是在您的子 div 之间呈现了一个空格。问题既不是边距也不是填充 - 它实际上是由 HTML 代码中 div 标签之间的空格引起的！

将标签直接相邻放置，没有任何空格，您的问题将得到解决；）

示例代码

<!--whitespace in HTML = renders as a space between the divs-->
    <div></div>
<div></div>
<!--no whitespace in HTML = renders edge to edge-->
<div></div><div><div>
于 2013-07-01T11:44:42.267 回答