了解CSS overflow属性 标签: htmlcss属性 2016-12-31 14:38 75人阅读 评论(1)
2024-08-25 01:23:47
overflow属性规定当内容溢出元素框时如何显示。
例:div
{
width:150px;
height:150px;
overflow:scroll;
}
可能的值有:
值 | 描述 |
visible | 默认值。内容不会被修剪,会呈现在元素框之外。 |
hidden | 内容会被修剪,并且其余内容是不可见的。 |
scroll | 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 |
auto | 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 |
inherit | 规定应该从父元素继承 overflow 属性的值。 |
(有点丑,将就着看)
ALERT:
1、当值为scroll时,不论内容是否溢出,都会出现滚动条区域。
2、当值为auto时,当内容没有溢出,则不会出现滚动条区域,这是与scroll的不同之处。
3、当值为hidden是,虽然超出的内容不可见,但仍可被选中,可以试一下。
4、任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
各值得表现情况如下图。
最新文章
- ubuntu selinux
- GoF--外观设计模式
- VsFTP+本地文件认证+SSl实现虚拟用户配置
- # HTML &;&; CSS 学习笔记
- EBS与FMW集成工作流管理器的检查
- leetcode Remove Duplicates from Sorted Array python
- iOS Responder Chain 响应者链
- SQL Server 后续去除功能汇总
- smarty的学习计划(1)
- ②bootstrap栅栏使用基础案例
- MVC与MVVM关系图解
- 指导手册06:HBase安装部署
- Confluence 6 配置 MySQL 服务器
- [Vuex] Create a Vuex Store using TypeScript
- 微信小程序+微信管理后台+微信用户前台
- AOP,过滤器,监听器,拦截器【转载】
- Windows IIS注册asp 此操作系统版本不支持此选项 错误解决方法
- python再探
- Python反转
- CryptoJS与C#AES加解密互转
热门文章
- EarthWarrior3D游戏ios源代码
- Ext.tree.Panel实现单选,多选
- 最经典的SDK程序结构 HelloWin
- Qt为啥从4.8直接就跳到5.3了呢?这不科学吧
- luogu1197 [JSOI2008]星球大战
- CodeForces 754D Fedor and coupons&;&;CodeForces 822C Hacker, pack your bags!
- LuoguP4365 [九省联考2018]秘密袭击
- pull的时候报错
- javascript必须知道的知识要点(二)
- LeetCode.3-最长无重复字符子串(Longest Substring Without Repeating Characters)