Question

我遇到一个问题，即div滑入视图，但是有一个缺失的部分只会在滑动动作停止后显示。

div来自'display：none'，这里是相关的jquery：

$('#maincontent').show('slide', { direction: 'left' }, 500);
})

您可以在此处查看实时页面和来源：

有什么建议吗？

由于

Answer 1

我认为问题与浏览器如何呈现边距和填充有关。 H1和P标签具有边距和填充的默认值。

如果你删除h1和p标签，或者如果你设置边距和填充这样的背景，将显示背景：

h1,p{margin:0;padding:0;}

Answer 2

看起来CSS1规范的第8.3.1节是相关的：#maincontent div的边距和h1的边距正在折叠，而#maincontent div相对于jQuery生成的ui效果 - 包装

在#maincontent div上添加1像素填充可防止边距折叠，并修复问题，同时允许您在h1周围保留边距。

#maincontent {
    padding: 1px;
}