滚动条在网页中经常见到,却并没有受到足够的重视。只有当因为滚动条的问题需要处理兼容性时,才进行调试操作。本章就给大家带来css滚动条的常见内容。
一:条件
滚动条和overflow是紧密相关的。只有当父级的overflow的值是auto或scroll,并且元素的内容超出元素区域时,才有可能出现滚动条
二:默认
无论什么浏览器,默认滚动条均来自,而不是
。因为元素默认有8px的margin。若滚动条来自元素,则滚动条与页面则应该有8px的间距,实际上并没有间距,所以滚动条来自元素
三:尺寸
通过以下代码可得出滚动条会占用浏览器的可用宽度为:chrome/firefox/IE 17px
safari 21px.box{
width: 400px;
overflow: scroll;
}
.in{
*zoom: 1;
}
兼容
【1】默认情况下IE7-浏览器默认有一条纵向滚动条,而其他浏览器则没有