CSS overflow 属性
实例
设置 overflow 属性:
<html>
<head>
<style type="text/css">
div
{
background-color:#00FFFF;
width:150px;
height:150px;
overflow: scroll
}
</style>
</head><body>
<p>如果元素中的内容超出了给定的宽度和高度属性,overflow 属性可以确定是否显示滚动条等行为。</p><div>
这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。默认值是 visible。
</div>
</body></html>
浏览器支持
所有主流浏览器都支持 overflow 属性。
注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
定义和用法
overflow 属性规定当内容溢出元素框时发生的事情。
说明
这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。
默认值: | visible |
---|---|
继承性: | no |
版本: | CSS2 |
JavaScript 语法: | object.style.overflow="scroll" |
可能的值
值 | 描述 |
---|---|
visible | 默认值。内容不会被修剪,会呈现在元素框之外。 |
hidden | 内容会被修剪,并且其余内容是不可见的。 |
scroll | 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 |
auto | 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 |
inherit | 规定应该从父元素继承 overflow 属性的值。 |
CSS overflow 属性相关推荐
- CSS overflow 属性(琐碎知识点整理)
本文详细的介绍了 CSS overflow 属性的 '定义和用法' + '属性效果' 废话不多说, 直接上代码以及图例 (为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) . 一. over ...
- CSS Overflow属性详解(转)
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容. 所有对象的默认值是 visible ,除了 textarea 对象和 body 对象的默认值是 auto .设置 textarea 对象此属 ...
- CSS overflow属性与display属性
overflow属性: visible 默认值.内容不会被修剪,会呈现在元素框之外. hidden 内容会被修剪,并且其余内容是不可见的. scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其 ...
- css overflow属性及使用方法(场景)
overflow这个属性还是挺实用的比如,一个div展示文字,想让超出部分隐藏就可以使用overflow:hidden,想让显示的画就用overflow:scroll; 1.overflow的属性 值 ...
- css overflow属性的测试
https://developer.mozilla.org/en-US/docs/Web/CSS/overflow 看一些实际测试效果: visible: 超过范围的区域仍然能显示 hidden: 超 ...
- css overflow属性及使用方法
定义和用法 overflow 属性规定当内容溢出元素框时发生的事情. overflow的属性 可取的值: visible 默认值.内容不会被修剪,会呈现在元素框之外. hidden 内容会 ...
- 前端---css中的overflow属性如何使用
CSS overflow 属性 属性定义及使用说明 overflow属性指定如果内容溢出一个元素的框,会发生什么. 默认值: visible 继承: no 版本: CSS2 JavaScript 语法 ...
- 教你玩转CSS Overflow
目录 CSS Overflow overflow: visible CSS 布局 - Overflow CSS overflow 属性用于控制内容溢出元素框时显示的方式. <style># ...
- 前端:CSS/12/display属性,overflow属性,cursor光标类型,CSS定位,综合案例:今日闪价
display属性 功能:规定网页元素如何显示: 取值:none(隐藏),block(以块元素显示),inline(以行内元素显示): block:可以实现将行内元素转换为块元素: inline:可以 ...
最新文章
- NS2源码图示---数据链路层 (转帖)
- 解决:Error response from daemon: Cannot restart container xxx: driver failed programming external
- 阿里巴巴Java开发手册-使用JDK8的Opional类来防止出现NPE问题
- java get提交中文乱码_java get方法提交中文乱码问题
- self、 superclass 、 super的区别
- 四:Jquery-animate
- matlab中的封装引脚,lm5117封装引脚图及功能
- 神经网络是模型还是算法,神经网络模型的优势
- windows定时截屏小工具
- 三角函数及其之间的关系
- HTML中图片文件名字有括号,文件批量顺序重命名去掉括号
- 常见计算机蓝屏代码,史上最全蓝屏代码分析,快速解决电脑常见故障,值得收藏!...
- python抓取数据包_python抓数据包
- 009 极限的四则运算定理(加、减、乘、除)
- 计算机专业毕设评阅人评语,毕业论文评阅人评语模板
- 如何自动识别文字并提取?这三个方法教你搞定识别文字
- Beta测试应用程序完整指南
- 【转】windows环境下安装win8.1+Mac OS X 10.10双系统教程
- 2019java面试3年_Java回顾#3 – 2019年对于社区而言最重要的事情
- 【Linux Socket 编程入门】05 - 拉个骡子溜溜:TCP编程模型代码分析
热门文章
- JavaScript(字符串)
- linux查看设备的uuid,设备的UUID详解 - 笑遍世界的测试技术 - 51Testing软件测试网 51Testing软件测试网-软件测试人的精神家园...
- HSV色彩空间的理解
- 基于硬件的加密的全球与中国市场2022-2028年:技术、参与者、趋势、市场规模及占有率研究报告
- 2021年初ICPC 天梯赛选拔赛第五场
- 读书笔记-精准努力-丢掉幻想准备斗争面对现实解决问题
- php站群框架,[文化传媒]TP-Admin 大型CMS站群级后台管理系统 (开源) - 行业交流 - 极思维...
- html4播放mp3,如何使用ipod shuffle4代?导入和播放mp3文件格式的音乐?
- 轮廓-Canny边缘检测(彩色图)
- 英文演讲文稿 java,英语演讲稿范文