好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS滚动条_html/css_WEB-ITnose

× 目录 [1]条件 [2]默认 [3]尺寸 [4]兼容 [5]自定义

前面的话

  滚动条在网页中经常见到,却并没有受到足够的重视。只有当因为滚动条的问题需要处理兼容性时,才进行调试操作。本文将就滚动条的常见内容进行梳理。

条件

  滚动条和overflow是紧密相关的。只有当父级的overflow的值是auto或scroll,并且元素的内容超出元素区域时,才有可能出现滚动条

默认

  无论什么浏览器,默认滚动条均来自 ,而不是 。因为 元素默认有8px的margin。若滚动条来自 元素,则滚动条与页面则应该有8px的间距,实际上并没有间距,所以滚动条来自 元素

尺寸

  通过以下代码可得出滚动条会占用浏览器的可用宽度为:

chrome/firefox/IE 17pxsafari 21px 

.box{    width: 400px;    overflow: scroll;}.in{    *zoom: 1;} 

查看更多关于CSS滚动条_html/css_WEB-ITnose的详细内容...

  阅读:27次