Html 已将div、滚动条定位在浏览器视口之外

我有一个具有可滚动内容的div，但至关重要的是，这个div的位置相对于浏览器顶部36像素，或者绝对从顶部定位

div填充浏览器视口的高度也很重要

我的问题是，div滚动条的底部无法看到，因为它是36px按下的。内容也向下推，但我已经能够通过在底部添加填充物来解决这个问题。这适用于所有浏览器。有没有一种方法可以让这个div有一个适合浏览器视口的滚动条，它考虑了div从顶部开始的边距

结果是一样的，如果我定位div绝对或相对边缘顶部：36px

此分区的css如下所示：

div.#panel1 {
   position: absolute;
   top: 36px; 
   right: 0;
   overflow: auto;
   background: #636362;
   padding: 0 0 20px 0px;
   width: 290px;
   height: 100%;
}

---

此外，我发现IE 7中的滚动体验对于这个div来说非常缓慢和急促，但是浏览器的滚动条很好吗？是否有我应该知道的bug？

在绝对定位某个对象时，您可以同时设置

顶部

和

底部

：

因此，如果不设置高度，则

top: 36px;
bottom: 0;

然后div的顶行是36px，底行是底部

---

关于滚动：IE中可能有很多因素会影响滚动速度，但是AFAIR在带有

溢出的块中滚动：auto

总是比

主体的滚动慢

结果表明IE7中滚动慢的原因是因为div的位置是固定的，在绝对定位下工作良好，当然，现在当你滚动实际网页时，div不会延伸到IE中网页的高度。