Our website,在Chrome中,标题右侧的三个单元格神秘地向下推了5个像素。注意购物车之间的边界,"分享"和"购买所有品牌"以及它们如何延伸到飞机下方。
该页面似乎在Firefox和IE等其他浏览器中呈现。
我花了很多时间试图找出导致Chrome内容被推倒的原因。我有理由怀疑它与&#34;购买所有品牌&#34;中的<div>
有关。 <td>
。
还有一点值得注意的是,在较新的Chrome测试版中,页面呈现时没有这种奇怪的行为?也许修复了一个错误?
答案 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版本中不存在。