原来用过,没有太在意,最近又用到。记下方便以后用。
<div style='border:0px;padding:3px; PADDING:0px; width:200px; height:480px; LINE-HEIGHT: 20px; OVERFLOW: auto; '></div>
语法:
overflow:visible|auto|hidden|scroll;
参数:
1.visible:不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
2.auto:此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
3.hidden:不显示超过对象尺寸的内容
4.scroll:总是显示滚动条
说明:
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
设置textarea对象为hidden值将隐藏其滚动条。
对于table来说,假如table-layout属性设置为fixed,则td对象支持带有默认值为hidden的overflow属性。如果设为hidden,scroll或者auto,那么超出td尺寸的内容将被剪切。如果设为visible,将导致额外的文本溢出到右边或左边(视direction属性设置而定)的单元格。
自IE5开始,此属性在MAC平台上可用。
对应的脚本特性为overflow。
示例:
div{overflow:scroll;height:100px;width:100px;}
效果如图:

分享到:
相关推荐
纯css实现table滚动条(纯css实现div滚动条),主要是通过设定高度/宽度及overflow:auto;实现.
标题提及的"一款好看的DIV+CSS滚动条"是指利用这种方法创建的自定义滚动条,它可以提升网站的用户体验和视觉吸引力。 滚动条通常在内容超过容器显示范围时出现,允许用户浏览隐藏的部分。在默认情况下,浏览器会...
css实现div自动添加滚动条比较实用的功能,当图片或文字超出div所规定的宽或高时,会自动出现滚动条,这一点还是比较有利于用户体验的,本文整理了一些实现自动滚动条的方法,感兴趣的朋友不妨参考下,或许对你认识...
在网页设计中,滚动条是不可或缺的元素,尤其是在内容超过屏幕显示...虽然不同浏览器之间的兼容性是个挑战,但通过合理使用CSS3新特性以及第三方库,我们可以实现跨浏览器的滚动条定制,让网页设计更加精致和个性化。
要实现 DIV 滚动条,需要在 DIV 元素中添加 CSS 样式表,并设置 `overflow` 属性。`overflow` 属性有三个取值:`visible`、`hidden` 和 `auto`。 * `overflow: visible;`:内容超出 DIV 区域时,将自动扩展 DIV ...
但CSS无法实现自动滚动到底部的功能,这需要配合JavaScript来完成。 接下来,我们转向“HTML自动生成随机颜色”。在HTML中,我们通常使用CSS来定义元素的颜色。为了生成随机颜色,可以使用JavaScript。随机颜色生成...
网页局部div随滚动条置顶滚动是一...总的来说,实现网页局部div随滚动条置顶滚动涉及HTML结构、CSS样式以及(可选的)JavaScript或jQuery的交互。通过理解这些技术,开发者可以创建出更富交互性和用户体验良好的网页。
要为滚动条添加边框,可以使用`border`属性,同时`border-radius`可以创建圆角效果,使得滚动条更加美观: ```css ::-webkit-scrollbar-thumb { border-radius: 5px; /* 圆角大小 */ border: 2px solid ...
### DIV滚动条设置添加 CSS滚动条显示与滚动条隐藏 #### 概述 在Web开发过程中,滚动条的样式和行为对于提升用户体验至关重要。通过CSS(层叠样式表),开发者可以自定义滚动条的外观、行为以及是否显示或隐藏。本...
标题“纯css控制内容随滚动条滚动,可放任意位置”以及描述中的“纯CSS实现客服悬浮窗,随浏览器滚动而滚动。可任意自定义位置。代码简洁易懂。兼容一切主流浏览器”都指向了这一技术——固定定位(fixed ...
1. **CSS样式设定**:首先,为 `div` 设置合适的宽度、高度和溢出隐藏(`overflow: auto` 或 `overflow-y: scroll`),以便在内容过多时自动出现滚动条。同时,可能需要设置边框、内边距和外边距以美化布局。 2. **...
本主题聚焦于如何使用纯CSS技术来实现一个既美观又实用的表格滚动条效果。这种效果可以让用户在不改变表格整体布局的情况下,优雅地浏览表格中的所有内容。 首先,我们来探讨CSS在创建滚动条样式上的关键属性。CSS3...
在网页设计中,当页面内容超出了可视区域的宽度时,浏览器会自动添加水平滚动条以允许用户水平滚动查看隐藏的内容。然而,滚动条本身会占用一定的空间,这可能会导致页面宽度缩小,从而影响布局的整体美观性。为了不...
总的来说,CSS的`position`属性是实现跟随滚动条漂浮层的关键。通过巧妙地设置`top`、`bottom`、`left`和`right`属性,你可以自由地定制漂浮层在页面上的位置,为用户提供更流畅的浏览体验。在实际项目中,可以结合...
例如,如果想让div在内容过多时显示横向滚动条,可以这样设置CSS样式: ```css div.scroll-container { overflow-x: auto; } ``` 如果要显示竖向滚动条,只需将`overflow-x`改为`overflow-y`。同时,如果希望同时...
"div滚动条优化"这个主题主要关注如何在不牺牲滚动功能的前提下,通过CSS样式和JavaScript技术来美化或定制滚动条,使其更加符合现代网页的审美标准和用户体验需求。 首先,我们要了解默认滚动条的样式通常是浏览器...
标题"div不随滚动条的移动而改变位置"所指的问题是关于如何实现一个固定定位(fixed positioning)的 `div` 元素。这种效果使得 `div` 在页面上保持在一个特定位置,即使用户滚动页面,它也不会移动。这通常用于创建...
- 图片滚动效果广泛应用于网站的首页展示、产品展示区、新闻滚动条等,既能丰富网页视觉效果,也能有效地传递信息。 7. **示例代码** - 在提供的压缩包文件"DIV+CSS图片滚动"中,可能包含HTML结构和对应的CSS样式...
在Android平台上,开发一款手机版浏览器时,可能会遇到一个常见的问题:在特定情况下,网页中的`div`元素的滚动条无法正常工作。这个问题通常是由于Android原生浏览器或自定义WebView组件的某些特性引起的。本文将...