`
追梦java
  • 浏览: 37011 次
  • 性别: Icon_minigender_1
  • 来自: 南京
文章分类
社区版块
存档分类
最新评论

div 滚动条

 
阅读更多

方法1

固定高度:

<div id="oDiv" style="height:490px; position: absolute; width:97%; top: opx; margin-right: 10px; padding: 5px; overflow: scroll;zoom:100%;"></div>

动态高度 height: expression(this.ownerDocument.body.offsetHeight - this.offsetTop-10); 但是要去掉w3c声明 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

方法2

<div id="oDiv"></div>

#oDiv {
scrollbar-face-color: #6699cc;
scrollbar-highlight-color: #0099ff;
scrollbar-3dlight-color: #99ccff;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #006699;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #FFFFFF;
height: 88%;
z-index: 3;
left: expression(this.parentElement.offsetWidth - 5);
float: left;
position: absolute;
width: 97%;
top: opx;
margin-right: 10px;
padding: 5px;
overflow: scroll;
zoom: 100%;
}

自适应

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics