1、新建一个html文件叫做CssOverFlow.html(有html编辑工具的 , 就使用工具创建 。没有工具的 , 可以先创建文本文件 , 再修改文件名即可)
2、【默认的overflow样式】代码如下(当外层高宽比内部内容高宽小 , 且设置了overflow:auto , 就会有滚动条产生)
3、【默认的overflow样式】运行效果如下(横向和纵向都产生了滚动条)
4、【修改后overflow样式】代码如下(修改滚动条的宽度、背景色等样式)
5、【修改后overflow样式】运行效果如下(宽度减少了 , 背景色改变了)
6、只要水平方向上的滚动条 , 则隐藏垂直滚动条 , 使用代码:overflow-x:auto;overflow-y:hidden
【设置滚动条样式】7、只要垂直方向上的滚动条 , 则隐藏水平滚动条 , 使用代码:overflow-x:hidden;overflow-y:auto
推荐阅读
- 小青柠泡水有什么功效
- 华为授权体验店的零售样机可靠吗,华为专柜的样机值得买不
- 狗身上有没有汗腺
- 哪里收玉米秸秆
- 海参如何繁殖
- 魅族MX4
- 如何做下蹲减肥
- 厦门最大免税店在哪里,厦门哪个免税店值得去
- 怎么把头像做成卡通