overflow属性值

overflow属性的可取值有四种：visible、hidden、scroll、auto

  • visible：不裁剪溢出的内容。浏览器把溢出来的内容呈现在其内容元素的显示区域以外的地方，全部内容在浏览器的窗口是可见的。
  • hidden：裁剪溢出的内容。内容只显示在其容器元素区域里面，这意味着只有一部分内容在浏览器窗口里面是可见的。
  • scroll：类似于hidden，浏览器将对溢出的内容进行裁切，但会显示滚动条以便让用户能够看到内容部分。
  • auto：类似于scroll，但是浏览器只在真的发生内容溢出的时候才会显示滚动条，如果内容没有溢出则不显示滚动条
时间： 2024-12-17 07:36:33

overflow属性值的相关文章

关于CSS中的overflow属性

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

（转）CSS Overflow 属性

原文链接:http://www.qianduan.net/css-overflow-property.html 根据CSS的盒模型概念,页面中的每个元素,都是一个矩形的盒子.这些盒子的大小.位置和行为都可以用CSS来控制.对于行为,我的意思是当盒子内外的内容改变的时候,它如何处理.比如,如果你没有设置一个盒子的高度,该盒子的高度将会根据它容纳内容的需要而增长.但是当你给一个盒子指定了一个高度或宽度而里面的内容超出的时候会发生什么?这就是该添加CSS的overflow属性的时候了,它允许你设定该种

CSS3对于盒中容纳不下的内容的显示——overflow属性

overflow属性 1.如果将overflow属性值设定为hidden,则超出容纳范围的文字将被隐藏起来. div{ overflow:hidden; } 2.如果将overflow属性值设定为scroll,则div元素中将出现固定的水平滚动条与垂直滚动条,文字超出div元素的容纳范围时将被滚动显示. div{ overflow:scroll; } 3.如果将overflow属性值设定为auto,则当文字超出div元素的容纳范围时根据需要出现水平滚动条或垂直滚动条,并且滚动显示超出容纳范围的内

CSS中的overflow属性

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

CSS中隐藏内容的3种方法及属性值

在制作网页时,隐藏内容也是一种比较常用的手法,它的作用一般有:隐藏文本/图片.隐藏链接.隐藏超出范围的内容.隐藏弹出层.隐藏滚动条.清除错位和浮动等等. 使用CSS即可使以上提到的内容隐藏起来,几种隐藏内容的方法: 1.使用display:none来隐藏所有内容 display:none可以让网页中所有内容不显示,如代码.文字.链接.图片.div层,是推荐的内容隐藏方式. <div style="display:none;">我不占地儿,你看不见我:</div>

overflow属性失效分析

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

Overflow属性——定义元素（如Div）内容区溢出情况

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

overflow属性

css属性overflow属性定义溢出元素内容区的内容会如何处理.如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制. 参数是scroll时候,必会出现滚动条. 参数是auto时候,子元素内容大于父元素时出现滚动条. 参数是visible时候,溢出的内容出现在父元素之外. 参数是hidden时候,溢出隐藏. 参数是inherit时候,应该从父元素继承 overflow 属性的值.

css的一些属性及其属性值

CSS常用文本属性 1.字体.字号类: ①font-weight:字体粗细 bold-加粗.normal-正常.lighter-细体,也可以使用100-900数值,400表示normal,700表示b ②font-style:字体样式.italic-倾斜.normal-正常 ③font-size:字号.可以写px单位,也可以写%.200%表示浏览器默认大小(16px)的两倍=32px ④font-family:字体系列(字体族) >>>可以直接写字体名,也可以写字体系列名. >&g