`
shuaigg.babysky
  • 浏览: 567728 次
  • 性别: 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 属性如果超出就出现...

    overflow属性的使用小例子

    4. `auto`:只有当内容溢出时,才会显示滚动条,既可能有水平滚动条,也可能有垂直滚动条。 5. `overlay`:这个值在一些浏览器中不被支持,但理论上它会在需要时显示透明滚动条,不影响内容的可见空间。 6. `initial...

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

    标题中的“解决页面使用overflow: scroll在iOS上滑动卡顿的问题1”指的是在iOS设备上,当HTML元素使用CSS属性`overflow: scroll`时,滚动可能会变得卡顿不顺畅。这个问题通常不会在Android设备上出现,使得开发者...

    div滚动条 带滚动条的div div滚动条样式

    DIV 滚动条样式详解 在 HTML 中,我们经常需要在 DIV 元素中添加滚动条,以便在内容超出 DIV 区域时,能够滚动查看内容。...通过设置 `overflow` 属性和滚动条颜色属性,可以实现 DIV 元素的滚动条样式设置。

    全面阐述overflowhidden属性

    其中,`overflow: hidden` 是一个非常实用且常见的设置值,它可以有效地隐藏超出容器范围的内容,从而避免页面出现不必要的滚动条或变形。 #### 一、`overflow: hidden` 的基本概念 `overflow` 属性用于指定当元素...

    css中position:relative和overflow:hidden的问题

    同时,`overflow:hidden`还可以带来一些额外的效果,如创建纯CSS的滚动条或者与`float`属性结合使用来清除浮动。 `position:relative`和`overflow:hidden`的交互主要体现在当一个元素同时设置了这两个属性时。如果...

    js : 隐藏滚动条利用滚轴滚动

    为了隐藏滚动条,我们可以设置`overflow`为`hidden`,这样浏览器就不会显示滚动条了: ```css body { overflow: hidden; } ``` 但是,这样会完全禁用滚动功能,所以我们需要保留垂直滚动。为此,我们可以单独设置...

    自定义滚动条插件分享

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

    overflow: hidden; 如何隐藏上面部分

    在网页布局设计中,合理利用CSS属性可以有效控制页面元素的显示效果,其中`overflow`属性就是一个非常实用的例子。本文将详细介绍如何通过设置`overflow: hidden;`来隐藏元素的一部分,特别是如何隐藏元素的上半部分...

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

    如果你只想让元素在垂直方向(即上下)有滚动条,而禁止水平方向(左右)的滚动,你可以结合使用`overflow-y`和`overflow-x`两个属性来实现这一效果。`overflow-y: scroll`确保元素在内容高度超出时显示垂直滚动条,...

    使用overflow: hidden来禁用页面滚动条

    在这个主题中,我们将详细介绍如何使用CSS属性`overflow: hidden`来禁用页面滚动条。这个属性是一种简单而又快速的方法来实现滚动条的禁用,而且它也能够兼容较老的浏览器,如IE6和IE7。 `overflow`属性是CSS中的一...

    overflow:auto的用法详解

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

    IE滚动条 CSS样式

    1. **IE滚动条的基本样式属性**: - `-ms-scrollbar-base-color`: 设置滚动条轨道的颜色。 - `-ms-scrollbar-arrow-color`: 定义滚动箭头的颜色。 - `-ms-scrollbar-darkshadow-color`: 控制滚动条的阴影颜色。 ...

    Html+CSS实现滚动条不挤占内容区宽度.zip

    以下是一些关键的 CSS 属性,用于实现滚动条不挤占内容区宽度: 1. `overflow: auto;`: 当内容溢出容器时,显示滚动条。使用 `hidden` 可隐藏滚动条,`scroll` 则始终显示滚动条。 2. `-webkit-scrollbar`: 这个伪...

    让滚动条消失

    在这段代码中,`OVERFLOW: SCROLL` 指定了当内容超出视口时始终显示滚动条;而 `OVERFLOW-Y: HIDDEN` 则表示隐藏垂直滚动条。这意味着,即使内容的高度超出了屏幕,垂直滚动条也不会出现,但仍然可以通过水平滚动条...

    网页滚动条添加 删除等方式

    若需要隐藏水平滚动条但保留垂直滚动条,可以使用`<body style="overflow-x:hidden; overflow-y:scroll">`。这使得当内容超出容器高度时显示垂直滚动条,而超出宽度时内容将被裁剪。 **完全隐藏滚动条** 如果需要...

    HTML5+CSS3 DIV滚动条.pdf

    在提供的示例代码中,`div.div1`的`overflow`属性被设置为`auto`,这意味着只有当内容的高度超过100px时,才会出现垂直滚动条。同时,由于没有设置`overflow-x`,默认情况下水平方向不会显示滚动条。 CSS3还允许...

Global site tag (gtag.js) - Google Analytics