Chrome 和 safari 无法正确渲染 div答案

【问题标题】：Chrome and safari don't render div properlyChrome 和 safari 无法正确渲染 div
【发布时间】：2013-09-09 02:29:23
【问题描述】：

代码在 ie9 和 firefox 中可以正常工作，但在 chrome 和 safari 中不能正常工作。

问题是如果您将边框应用于切片类，

border: 5px solid black;

并在 Jscript 中给出 x=6 & y =6 的值

$('.sliced').sliced({ x:6, y:6, speed: 1000 });

您可以在底部看到空白。它只发生在 chrome 和 safari 中。为什么？

【问题讨论】：

在我的 Chrome 中看起来很棒。
我在 Firefox 和 Chrome 中尝试过，没有发现任何区别。也许您可以附上问题的屏幕截图。
是的，这里也一样...甚至尝试更改正文的背景颜色，但没有可见的空白。
您使用的是 Chrome 浏览器还是 Google Chrome 浏览器，供您参考，两者都不同，所以您指的是哪一个对我来说它在 google chrome 中工作。
这是我的 Firefox 屏幕截图：- link Chrome：-link @daapii

【解决方案1】：

即使在切片类中添加了边框，我也没有空格/边框。

【讨论】：

【解决方案2】：

如果您在谈论左侧和顶部的差距，那么这是由于body {margin:20px}。去掉就好了

【讨论】：