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

Question

我有以下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。

有人请帮忙..

Answer 1

滚动条已添加到 div内，而不是在其下方，因此只要div显示滚动条，页面上的内容就不会被推下或横向移动。因此，如果将外部div的高度设置为100px，则无论是否使用滚动条，它都将为100px。

我这里没有IE测试，但我没有看到Chrome，Safari或Firefox的高度差异。但是有一点不同。 Chrome和Safari不会调整外部div的大小。它仍然是100px的高度，但在底部滚动条被覆盖。但是在Firefox中，外部div的大小调整为100px - 滚动条的高度。所以div现在是90px，而10px滚动条添加在它之下。

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