Javascript 背景色不会延伸到带有滚动条的div框中的可见区域

[闭门]

在上，有一个div框，其中包含一个代码示例，其中某一行应该被赋予背景色。这种背景色实际上是通过使用正则表达式来替换开始和结束符号，并使用红色背景生成div。这很好，我们有红色背景，正则表达式正在工作

然而，如果我们在代码框中滚动一点，我们会注意到红色背景色在代码框的实际边缘处停止，但我们可以滚动，所以它不是结束。这应该说明我的意思：

我已经尝试了firebug的几乎所有CSS值，包括尝试了所有可能的溢出选项。对于宽度，如果我手动给出一个绝对宽度，它可以进一步扩展它，但这不行，因为背景颜色是自动生成的，javascript使用一种具有良好回退功能的方法，以防javascript无法加载或被禁用

那么，有没有人知道如何让这些背景一直延伸到最后？我考虑过数一数字符，但由于背景颜色通常覆盖不止一行，甚至在其他一些页面上覆盖数百行，这似乎不切实际，而且相当合理。一个CSS方法会更受欢迎，虽然如果它来了，我会用javascript修复

如果您想自己查看页面，请放心，该页面只是一个显示特定问题的沙盒，可以找到用div元素替换某些注释以生成此背景图像的脚本

提前感谢您的帮助和/或建议。

而不是

---

我注意到有问题的行是在一个分类的范围内，你不能仅仅针对这个范围并向其中添加一些css规则？我可以，Keoki，但问题是将会有几十行这样的行。它们是自动生成的，这只是我在新页面上添加的一个小片段。至于javascript，这是问题的最后一个环节：div本身的工作方式似乎有一些奇怪的问题。。。使用跨度似乎可以解决问题。可能是显示CSS、内联vs块？

<div style="overflow: auto">
  <pre>
    ...content...
  </pre>
</div>

<pre style="overflow: auto">
  ...content...
</pre>