`
shuaigg.babysky
  • 浏览: 556061 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

overflow 属性 : 滚动条

    博客分类:
  • css
阅读更多
overflow : visible | auto | hidden | scroll
取值:
visible : 默认值 。不剪切内容也不添加滚动条。假如显式声明此默认值,对象将以包含对象的 window frame 的尺寸裁切。并且 clip 属性设置将失效
auto : 在必需时对象内容才会被裁切或显示滚动条
hidden : 不显示超过对象尺寸的内容
scroll : 总是显示滚动条
说明:
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
所有对象的默认值是 visible ,除了 textarea 对象和 body 对象的默认值是 auto 。设置 textarea 对象此属性值为 hidden 将隐藏其滚动条。
对于 table 来说,假如 table-layout 属性设置为 fixed ,则 td 对象支持带有默认值为 hidden overflow 属性。如果设为 scroll 或者 auto ,那么超出 td 尺寸的内容将被剪切。如果设为 visible ,将导致额外的文本溢出到右边或左边(视 direction 属性设置而定)的单元格。
自IE5开始,此属性在MAC平台上可用。
自IE6开始,当你使用 !DOCTYPE 声明指定了 standards-compliant 模式,此属性可以应用于 html 对象。
对应的脚本特性为 overflow
分享到:
评论

相关推荐

    css使用overflow属性控制滚动条的样式

    滚动条样式主要涉及到如下overflow属性: overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容,其用到的表现形式和值有以下几种 overflow: auto; 在需要时内容会自动添加滚动条 overflow: ...

    详解CSS3:overflow属性

    overflow为溢出(容器),当内容超出容器时只需添加overflow属性值为hidden, 就可以把超出容器的部分隐藏起来; 如果内容超出容器却又不想其隐藏时可以将其属性值设置为auto; overflow:auto 属性如果超出就出现...

    自定义滚动条插件分享

    参数1:需要把滚动条插入哪个容器里面(该容器必须是限定宽高有overflow:hidden) 参数2:需要滚动的元素 可选参数: { bgHeight:滚动条父级的高度(在bottom下可以设置这个属性) bgWidth:滚动条父级的宽度(在right下可以...

    解决页面使用overflow: scroll在iOS上滑动卡顿的问题1

    故事背景:最近的一次开发中,使用到了overflow:scroll属性来滑信心满满的以为不会出现任何问题,看来还是太清高自傲了,于是写下这篇随笔特此总结一番。机

    overflow:auto的用法详解

    如果内容被修剪,则浏览器会显示滚动条,以便查看其余内容。 flex中的属性 display: flex; flex-direction: column; 主轴为垂直方向,起点在上沿。 overflow和flex布局搭配使用 代码如下: <!DOCTYPE html> ...

    iframe的滚动条问题:显示隐藏滚动条.doc

    2. 使用CSS样式来控制滚动条的显示或隐藏:可以使用CSS样式来控制iFrame的滚动条的显示或隐藏,例如可以使用overflow-x和overflow-y属性来控制水平滚动条和竖直滚动条的显示或隐藏。 3. 在iFrame的父页面和子页面中...

    使用HTML开发商业网站-DIV+CSS布局 布局的其他属性课件.pptx

    overflow属性可以解决溢出问题,其基本语法格式如下: 选择器{overflow:属性值;} overflow属性的常用值有四个,具体如下表所示。 属性值 描述 visible 内容不会被修剪,会呈现在元素框之外(默认值) hidden 溢出...

    textarea去掉滚动条 textarea横向或纵向滚动条的去掉方法

    在IE下文本框textarea会显示滚动条(如下:) ...如:如果要隐藏该文本域的横向滚动条,在style属性中增加overflow-x属性控制,如下: <textarea id=txtComments style="overflow-x:hidden"></textare

    CSS3自定义滚动条样式的示例代码

    定义:overflow 属性指定当它溢出其块级容器时,是否剪辑内容,渲染滚动条或显示内容。 属性值 overflow:visible //默认值。内容不会被修剪,超出内容会显示在元素框之外 overflow:hidden //内容会被修剪。超出内容...

    用javascript实现改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平

    TEXTAREA 滚动条和按钮的颜色,以及怎样让滚动条变得扁平都是可以实现的,只需要了解滚动条的颜色属性和使用 JavaScript 的 `style` 属性来改变滚动条的颜色,并且使用 CSS 的 `overflow` 属性来隐藏滚动条从而让...

    CSS中overflow:scroll怎么设置只上下滚动而不左右滚动

    CSS中"overflow:scroll"默认是左右,上下都滚动 如何设置成:当长度超出DIV长度的时候,只有上下滚动,左右无论超出多长都不滚动,也不会出现下面的滚动杆? 如果左右没有超出内容时,用overflow:auto; 如果左右有...

    div css 滚动条样式 DIV滚动条属性及样式设置方式

    DIV滚动条就是利用DIV标签,在里面嵌入CSS样式表,当div所定义的区域的内容达到一定程度时,在div标签里面嵌入CSS样式表,定义overflow的属性值,设置DIV滚动条相关的属性。 这里向大家描述一下DIV滚动条属性及样式...

    一个通俗小故事告诉你溢出隐藏(overflow:hidden)失效的原因

    我们知道,overflow属性值有这几种: 复制代码代码如下:visible:声明内容不会被剪裁。比如内容可能被渲染到容器外面。hidden:声明内容将被剪裁,并且也甭想使用滚动条来查看剪裁掉的内容。scroll:声明内容将被...

    CSS属性探秘系列(二):overflow及相关属性text-overflow

    一、overflow指定盒中...3.说明:对于table来说,假如table-layout属性设置为fixed,则td对象支持带有默认值为hidden的overflow属性。如果设为hidden,scroll或者auto,那么超出td尺寸的内容将被剪切。如果设为visible

    overflow-touch:在 iOS Safari 上使用 overflow-y 的 Web 元素的简单通知覆盖,通知他们可以使用两个手指滚动

    ) 用户,他们可以使用两根手指滚动浏览页面元素,否则在完整浏览器中将具有滚动条(overflow-y CSS 属性设置为除了没有之外的其他东西)。 用法 假设您没有为您的网站使用特别奇特的架构,只需将 repo 中的文件放入...

    html滚动条 textarea属性设置

    1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条) overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。...

    使用CSS隐藏元素滚动条的示例代码

    如何隐藏滚动条,同时仍然可以在任何元素上滚动? 首先,如果需要隐藏滚动条并在内容溢出时显示滚动条,只需要设置overflow:auto样式即可。...对于IE,我们需要使用-ms-prefix属性定义滚动条样式:

    JS弹出层遮罩,隐藏背景页面滚动条细节优化分析

    一、去除滚动条方法 给body添加overflow:hidden属性即可,IE6、7下不会生效,需要给html增加overflow:hidden属性 样式中需要对IE6、7及其它浏览器用hack辨别,这是因为当页面拉到下面时如果html或body被overflow:...

    div的滚动条如何实现

    直接为div指定overflow属性必须指定div的高度: 复制代码代码如下:<div xss=removed></div>div 设置滚动条显示:overflow :yes div 设置滚动条自适应显示:overflow :auto div 设置上下滚动条显示:overflow-y :...

Global site tag (gtag.js) - Google Analytics