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

Question

任何人都可以帮助我使此链接兼容。Chrome 和 IE 的滚动条下方有一个小间隙。

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 分开滚动 - 您必须手动协调它们。

无论如何，问题似乎是“包装”div上的“溢出：滚动”。它应该是：

overflow-y: scroll

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