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

キャンバス コンテナが 1200px に設定されているため、問題が発生しています。

試す：

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

幅のないフィドルを試してみましたが、うまくいきました。そのため、コメント マークを付けて残しました " /* */"