Html 网格布局中的块级链接元素，铬合金中的怪癖

我很抱歉，如果有一些非常明显的事情我需要纠正，但我在这个问题上被难住了。我只是尝试在网格布局中布局一系列链接（样式为块级元素）。我把我要做的事情归结为最简单的状态：

在Safari和Firefox中，它的渲染效果与我预期的一样，但在Chrome（所有浏览器中）中，第二个和第三个链接元素又向下移动了32个像素

---

我的一部分是说我可能在chrome中发现了一个奇怪的bug，但我认为更可能的是我只是做错了什么。有更好的方法吗？我尝试将a元素更改为显示为内联块，而不是使用浮动，但这开始在我的布局中引起其他问题。想一想就好了。

删除清除：在div类中这两个选项似乎只会影响Chrome 25。。。刚刚在Spoon.net上使用Chrome 24进行了测试，它呈现出与Firefox相同的效果

Firefox和Chrome外观与meI完全相同，meI可以看到对齐方式的差异，奇怪的是，使用开发工具移除并重新应用浮动可以修复布局。对我来说也是一样Dave，我只是想补充一点，移除并重新应用浮动也会对我产生影响。非常奇怪…从包含的div中删除

clear:both

修复了这个问题。为什么会出现这种情况我不确定。几天前，有一个问题：，这似乎与Chrome渲染错误有关，其中块级元素只包含空格和空内联元素。在这两种情况下，在开始时注入一些具体的东西，以便Chrome渲染，似乎可以解决问题。在这种情况下，

div:before{content:'\200b'}

，在另一个问题

ul

中，而不是

div

。很明显，问题和bug的表现形式是不同的，但它们可能有一个共同的原因。谢谢，我想很清楚：两者都不需要。出于某种原因，我想我需要它来确保div没有并排排列，但它们当然是块级元素。添加“清晰”仍然很奇怪：两者都有这种效果，而且只有在Chrome中，你会认为它应该什么都不做。你救了我的理智！我不知道该怎么办。事实上，我在不久前尝试Chrome的预发行版（也称为开发版）时看到了这个bug，但我忽略了它，转而使用稳定版。我想他们会解决的，因为我不是唯一一个有这个问题的人。但几天前，他们似乎将开发版本移到了发行版：/谢谢！