使用关键代码:overflow-y: auto,并且限制高度实现功能。
实例演示如下:
1、Html代码如下:一个简单的div,暂时内容为空。
css样式如下:
此时页面展示如下:
2、在第一步div加入一些文字,如下:
此时页面展示如下:已自动展现抄滚动条。
扩展资料:
CSS的overflow 属性解析:
1、定义和用法。
overflow 属性规定当内容溢出元素框时发生的事情。
2、兼容性(浏览器支持)。
所有主流浏览器都支持 overflow 属性,任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
3、属性说明。
属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所zhidao有内容也会出现滚动条。
可能的值如下: