Question

首先，我对CSS很陌生，所以我希望我没有做过任何可怕的愚蠢行为。

基本上，我有一个我正在使用Pure构建的设计，并且宽度在Google Chrome中播放，而它在Firefox中正常运行。

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

Firefox：http://i.imgur.com/mn3GIbT.png
Chrome：http://i.imgur.com/44jLC6J.png

如果您查看页面源代码，我在自己的CSS中没有做任何事情来改变任何东西（我只是为了确定而将其全部注释掉）所以我猜我是某种方式使用Pure错误，因为他们自己的网站在Chrome上呈现正常。

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

Answer 1

问题是你的孩子div之间会有一个空格。问题既不是边距也不是填充 - 它实际上是由HTML代码中div标签之间的空格引起的！

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

Example code

<!--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>

使用Pure CSS在Chrome和Firefox中使用CSS宽度

1 个答案: