如何使DIV的高度固定，当超出固定高度时，出现自动滚动条

如题所述

使用关键代码：overflow-y: auto，并且限制高度实现功能。

实例演示如下：

1、Html代码如下：一个简单的div，暂时内容为空。

css样式如下：

此时页面展示如下：

2、在第一步div加入一些文字，如下：

此时页面展示如下：已自动展现滚动条。

扩展资料：

CSS的overflow 属性解析：

1、定义和用法。

overflow 属性规定当内容溢出元素框时发生的事情。

2、兼容性（浏览器支持）。

所有主流浏览器都支持 overflow 属性，任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

3、属性说明。

属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。

可能的值如下：