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

标签 css google-chrome cross-browser

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

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

我花了很多时间试图找出导致 Chrome 中的内容被下推的原因。我有理由怀疑它与 <div> 有关在“选购所有品牌”<td> .

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

最佳答案

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

关于css - 奇怪的 Chrome 渲染问题。可能的错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9793010/

相关文章:

css - QTableWidget 和 QHeaderView CSS

html - 纯CSS子菜单垂直

CSS 3 - 过渡前缀 - 使用哪些?

css - ERR_ABORTED 404(未找到)CSS 样式表 Symfony

javascript - 无法让 JavaScript 代码在 Firefox 上运行

html - 如何防止第一个 child CSS 也影响我的 HTML 表格中的第二个 child ?

javascript - 避免/绕过 Chrome 中的开发工具检测?

JavaScript:Chrome 不正确地比较字符串

javascript - IE8 与 Chrome、Safari 和 IE9 的兼容性问题

javascript - 如何根据使用 JavaScript 的浏览器调整文本框的宽度