Html 谷歌浏览器中的滚动条问题

我有以下html结构

<div style="overflow-x:auto;overflow-y:hidden;position:relative">
      <div style="position:absolute; top:0;bottom:0;padding-top:30px">
      </div>
</div>

当内部div展开时，外部条将获得其滚动条。但滚动条显示在内部div的顶部（阻止其内容）。在firefox和IE中运行良好

我需要绝对定位内部div

请有人帮忙。

滚动条添加在

div

中，而不是在其下方，因此每当

div

显示滚动条时，页面上的内容不会被向下或侧向推。因此，如果您将外部

div

的高度设置为100px，则无论是否使用滚动条，它都将是100px

我这里没有IE测试，但我看不到Chrome、Safari或Firefox的高度有什么不同。不过有一点不同。Chrome和Safari不会调整外部

div

的大小。它的高度仍然是100px，但底部的滚动条是重叠的。然而，在Firefox中，外部

div

的大小被调整为100px——滚动条的高度。因此，

div

现在是，比如说，90px，10px的滚动条添加在下面

你对此无能为力；就像浏览器决定显示这样的东西一样。如果要显示更多内容，请添加一些填充或更改高度