DIV的高度固定,当超出固定高度时,出现自动滚动条

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

实例演示如下:

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

css样式如下:

此时页面展示如下:

2、在第一步div加入一些文字,如下:

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

扩展资料:

CSS的overflow 属性解析:

1、定义和用法。

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

2、兼容性(浏览器支持)。

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

3、属性说明。

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

可能的值如下:

原文地址:https://www.cnblogs.com/zhang1f/p/12902629.html