浏览器与滚动条不兼容的问题

Question

任何人都可以帮助我使这个链接兼容。 Chrome和Chrome中的滚动条下面有一个小差距。

jsfiddle

我尝试玩：

height:--px 

scrlDiv中的

但是它会改变整个表格

Answer 1

要修复您拥有的内容，您可以使用overflow-y: scroll作为第二个div：

<div id="scrlDiv" style="padding:0px;height:112px;width:21px;overflow-y:scroll">

但我建议使用只有一个 div与滚动：

<div ID=DetDiv class="wrap" style="background-color:yellow;height:112px;width:200px;overflow-x:hidden" >

Answer 2

我不确定你为什么要与主div分开滚动 - 你必须手动协调它们。

无论如何，似乎问题是“wrap”div上的“overflow：scroll”。它应该是：

overflow-y: scroll

我也不确定为什么你在有类和ID的元素上有内联样式 - 很容易在一个单独的CSS中定义它们。