2017合肥寿春中学分班:精确地计算Web页面中滚动条的宽度

来源：百度文库 编辑：偶看新闻 时间：2024/04/26 21:45:28
    原来我一直以为Web页面中的滚动条宽度是不能精确确定的，因为用户自己可以在桌面属性中设置系统滚动条的宽度为任意整数。再加之上次在MyMsn的代码里看见M$程序员的注释，更加让我认为滚动条的宽度是不能精确计算地。但事实是怎么样的呢？

    实际上对于HTML里面的容器元素，它们的长、宽之间存在这样的运算关系：
    width = border-left-width + clientWidth + border-right-width;
    height = border-top-width + clientHeight + border-bottom-width;

    但是当容器内出现滚动条后，这个长、宽运算关系将变为：
    width = border-left-width + clientWidth + scrollbar-width + border-right-width;
    height = border-top-width + clientHeight + scrollbar-width + border-bottom-width;

    下面是一个DIV的示例：style="margin: 25px; padding: 25px; width: 200px; height: 200px; border: solid 25px blue; background-color: yellow; overflow: scroll;"。

    X
    DIV: clientWidth: 130
    DIV: offsetWidth: 200

    上面示例中的scrollbar-width为：offsetWidth - borderLeftWidth - borderRightWidth - clientWidth = 200px - 25px - 25px - 130px = 20px。
电脑页面的滚动条自动滚动 在asp或者html中，有什么代码可以控制网页滚动条的宽度?? 在页面中，图片随着滚动条的滚动而上下移动 页面的滚动条经常自动地上下滚动 qzone的页面不能在浏览器中完全显示，又没有滚动条，很难操作。 浏览器(1024*768)中)网页宽度980像素为什么会有水平滚动条? 滚动条的滚动 设置了页面滚动条的颜色，为什么没效果 定义网页中滚动条的大小 excel中滚动条的设置 请问Dreamweaver中怎么设页面的宽度？ 请问Dreamweaver中怎么设页面的宽度？ 鼠标拉动滚动条的时候，页面成波浪状滚动，不知道是什么原因 。。。 vb中WebBrowser滚动条问题（如何不显示滚动条）的... 如何在asp.net的web页面中包含另外一个web页面 网页中如何使超出页面大小的图片自动适合页面宽度？ 在网页中浏览时当往下拖动滚动条时，怎样才能实现只拖动一个层的页面，而其他的背景和层不动了？ 急！！如何在表单中插入滚动图片的页面？ WEB页面的功能 html中添加滚动条 Word97文档编辑区的右侧有一纵向滚动条，可对文档页面作什么方向的滚动？ 我电脑的页面上的滚动条老是不停地自动上下跳动,怎么解决? 我想做一个无边框的页面，但要有右边的滚动条 如何修改网页中滚动条的颜色