css - 巨大的 div 边框渲染问题

Question

我有一个非常奇怪的情况，在某些巨大的 div 中，边框和背景图像没有渲染到某个点。我在下面的小提琴中包含了一个样本！ http://jsfiddle.net/hg333/

<div class="lane">
<div class="label-container"> <span class="label">3 - 5</span> 
</div>

在呈现的示例中，边框被“剪裁”。您将看到，如果您向右滚动，这些行将在 3 月 4 日停止，但 div 在呈现的上下文中继续（大约 12000 像素）。

有什么想法吗？

Answer 1

您的画布容器设置为 1200 像素，这就是导致问题的原因。

尝试：

 #canvas-container {
/*   width: 1200px;*/
overflow: visible;
}

我试过没有宽度的小提琴，它奏效了。这就是为什么我留下评论标记“ /* */”