奇怪的Chrome渲染问题。可能的错误?

时间:2012-03-20 18:45:32

标签: css google-chrome cross-browser

Our website,在Chrome中,标题右侧的三个单元格神秘地向下推了5个像素。注意购物车之间的边界,"分享"和"购买所有品牌"以及它们如何延伸到飞机下方。

该页面似乎在Firefox和IE等其他浏览器中呈现。

我花了很多时间试图找出导致Chrome内容被推倒的原因。我有理由怀疑它与&#34;购买所有品牌&#34;中的<div>有关。 <td>

还有一点值得注意的是,在较新的Chrome测试版中,页面呈现时没有这种奇怪的行为?也许修复了一个错误?

3 个答案:

答案 0 :(得分:0)

看起来它可能从某个地方有一些额外的填充。尝试在包含每个元素的padding:0上设置td

答案 1 :(得分:0)

对于以a.shopallbrands为父级的DIV,内联样式为style="margin:0 0 0 10px;",请将其修改为style="margin:0 0 0 10px; height: 19px;"

答案 2 :(得分:0)

删除周围的<div>&#34;购买所有品牌&#34;导致问题消失。显然,当在此特定上下文中的表格单元格中包含<div>时,Chrome会喜欢添加多余的间距。 同样,正如我之前提到的,这种行为在较新的(测试版)Chrome版本中不存在。