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

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

实例演示如下:

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

css样式如下:

此时页面展示如下:

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

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

扩展资料:

CSS的overflow 属性解析:

1、定义和用法。

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

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

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

3、属性说明。

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

可能的值如下:

posted @   Tozhang  阅读(9113)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
点击右上角即可分享
微信分享提示