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


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

实例演示如下:

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

css样式如下:

此时页面展示如下:

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

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

扩展资料:

CSS的overflow 属性解析:

1、定义和用法。

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

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

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

3、属性说明。

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

可能的值如下:


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM