CSS的overflow上下滚动

html-css06

CSS的overflow上下滚动,第1张

你的例子中内容的宽度不够，高度有余。虽然overflow:scroll左右，上下滚动条都显示出来了，但是你输入的内容高度不够，所以上下滚动条基本没用。

你多输入几行就能看到上下也可以滚动了。

如果设置overflow:auto。滚动条就可以自动按情况显示或隐藏了。

另外，overflow-x，overflow-y可以单独设置左右或上下滚动。

1、首先让我们创建一个HTML文件。

2、通过记事本来编辑，书写上一个HTML的整体结构。

3、书写一个div模块。

4、接着开始写css代码。

5、定义上div的长宽。

6、利用overflow属性，来设置是否展示滚动栏。

7、打开HTML网页，就已经可以看到右边滚动栏了。