1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > overflow属性html5 css的overflow属性如何定义滚动条

overflow属性html5 css的overflow属性如何定义滚动条

时间:2019-11-24 13:23:52

相关推荐

overflow属性html5 css的overflow属性如何定义滚动条

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

一:条件

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

二:默认

无论什么浏览器,默认滚动条均来自,而不是

。因为元素默认有8px的margin。若滚动条来自元素,则滚动条与页面则应该有8px的间距,实际上并没有间距,所以滚动条来自元素

三:尺寸

通过以下代码可得出滚动条会占用浏览器的可用宽度为:chrome/firefox/IE 17px

safari 21px.box{

width: 400px;

overflow: scroll;

}

.in{

*zoom: 1;

}

兼容

【1】默认情况下IE7-浏览器默认有一条纵向滚动条,而其他浏览器则没有

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。