overflow属性的用法

<style type="text/css">
div{
  background-color:#00FFFF;
  width:150px;
  height:150px;
  overflow: scroll
}
</style>

如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,即使元素框中可以放下所有内容也会出现滚动条(当然这个滚动条是不能操作的)。

默认值是 visible。这个值会让div中的内容即使超出了div的边界也全部显示出来

还可以是 hidden, 这个值会把超出的部分隐藏掉, 而不会显示.

也可以为 auto, 这个会具体会出现什么情况不是很了解, 以后再试

时间: 2024-09-15 14:01:56

overflow属性的用法的相关文章

关于CSS中的overflow属性

定义和用法: overflow属性规定当内容溢出元素框时发生的事情. 这个属性定义溢出元素内容区的内容会如何处理.如果值为scoll,不论是否需要,用户代理都会提供一种滚动机制.因此,有可能即使元素框中可以放下所有内容也会出现滚动条. overflow属性值 1.visible:默认值.内容不会被修剪,会呈现在元素框之外. 2.hidden:内容会被修剪,并且其余内容是不可见的. 3.scroll:内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容. 4.auto:如果内容被修剪,则浏览器则

CSS3的新增属性及其用法

CSS3的新增属性及其用法 现如今,随着 Web2.0 技术的流行,之前的 CSS2 标准和相关技术似乎已经满足不了日益增长的开发需求:人们需要实现更加美观.用户体验更好的界面.CSS3,这个新一代的标准应运而生.为了满足现有的对于 Web UI 的开发需求,它提供了一系列强大的功能,如许多新的 CSS 属性(文字,布局,颜色等等),各种 CSS 特效,甚至还支持 CSS 动画.元素的变换.这些 CSS 新特性在现阶段可以说都是非常强大和完善的,您只需要加入几行简单的 CSS 代码便可以实现出一

关于css中overflow属性

定义和用法 overflow 属性规定当内容溢出元素框时发生的事情. 浏览器支持 所有主流浏览器都支持 overflow 属性. 注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit". overflow的值: visible: 默认的值,内容会呈现在元素框之外. hidden: 内容被修剪,被修剪掉的内容会被隐藏. 例: <html> <head> <style type="text/css&

CSS overflow 属性

实例 设置 overflow 属性: div { width:150px; height:150px; overflow:scroll; } 亲自试一试 浏览器支持 所有主流浏览器都支持 overflow 属性. 注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit". 定义和用法 overflow 属性规定当内容溢出元素框时发生的事情. 说明 这个属性定义溢出元素内容区的内容会如何处理.如果值为 scroll,不论是否需要,用户代理

css中table-layout:fixed 属性的用法

table-layout:fixed 属性的用法:如果想要一个table固定大小,里面的文字强制换行(尤其是在一长串英文文本,并且中间无空格分隔的情况下),以达到使过长的文字 不撑破表格的目的,一般是使用样式:table-layout:fixed.但是在Firefox下面,会有一些问题,参考Gmail的一些做法,做了几个 测试,得出一种解决办法. 例1:(IE浏览器)普通的情况 CODE:<table border="1" width="80"><

理解CSS Clip属性及用法

应用Clip属性实现的一个简单效果图: 样式写法: .my-element { position: absolute; clip: rect(10px  350px  170px  0); /* IE4 to IE7 */ clip: rect(10px, 350px, 170px, 0); /* IE8+ & other browsers */ } 属性解析: clip: { shape | auto | inherit } ; auto 即浏览器默认解析,无clip效果,inderit 继承

CSS中的overflow属性

导读:overflow属性一般用来隐藏超过div范围的元素,包括不隐藏(visible),直接隐藏(hidden),用滚动条隐藏(scroll),自动(aotu)这四个属性.当然overflow的用法并不是如此简单的理解,在很多制作网页的场合我们都需要用overflow,本文介绍overflow的四种常用属性值以及使用. 根据CSS的盒模型概念,页面中的每个元素,都是一个矩形的盒子.这些盒子的大小.位置和行为都可以用CSS来控制.对于行为,我的意思是当盒子内外的内容改变的时候,它如何处理. 比如

IOS开发-UI学习-UITextField的具体属性及用法

直接上代码,里面有各种属性的用法注释,至于每个属性有多个可以设置的值,每个值的效果如何,可以通过查看这个函数参数的枚举量,并逐一测试. 1 //制作登陆界面 2 #import "ViewController.h" 3 4 @interface ViewController (){ 5 6 //定义全局变量(控件) 7 UITextField *username; 8 UITextField *password; 9 UIButton *resignbutton; 10 UIButto

overflow属性失效分析

overflow可以控制超出框内容的显示方式:隐藏.显示.滚动显示 可以取值scroll,表示但凡超出框的内容可以通过滚动条实现浏览,但是如下demo却没有实现滚动显示的功能. 于是仔细看了下overflow的定义:overflow 属性规定当内容溢出元素框时发生的事情. 对比发现, 我理所当然地把body视为元素框了, 于是用div试了下, 发现果然问题出在body上面了. 由此看来:body不是一个元素框 1 <!DOCTYPE html> 2 <html lang="en