资讯专栏INFORMATION COLUMN

overflow

zhangqh / 3180人阅读

摘要:想要出现滚动条有两个条件固定的容器大小固定宽度固定高度固定宽高度和设置属性。内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。规定应该从父元素继承属性的值。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。

[TOC]
想要出现滚动条有两个条件:固定的容器大小(固定宽度、固定高度、固定宽高度)和设置overflow属性。

overflow

这个属性定义溢出元素内容区的内容会如何处理

属性值

visibale:默认值。内容不会被修剪,会呈现在元素框之外。

hidden:内容会被修剪,并且其余内容是不可见的。

scroll:内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。

auto:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。

inherit:规定应该从父元素继承 overflow 属性的值。

如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。(这个情况在安卓手机上面可以见到但并不常见,IOS目前没有发现这个问题)。

占用文章,未完待续

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/89597.html

相关文章

  • 可视化效果(Visual effects)

    摘要:一般地,一个块盒的内容都被限制在该盒的边内。这种盒并不一定会根据其祖先的属性裁剪。默认情况下,元素不会被裁剪。在闭合路径内的内容会显示,而路径外边的都会被剪掉著作权归作者所有。 Overflow and clipping 一般地,一个块盒的内容都被限制在该盒的content边内。某些情况下,一个盒可能会溢出,意味着它的部分内容或者全部内容位于该盒外部,例如: 一行无法拆分,导致行盒比...

    JowayYoung 评论0 收藏0
  • 【学习笔记】CSS深入理解之overflow

    摘要:张鑫旭的深入理解之学习笔记基本属性属性介绍默认当与值相同时,等同于当与值不相同时,其中一个值被赋予时,若另一个值为,那这个会被重置为作用前提元素非对应方位的尺寸限制拉伸对于单元格等需要为状态才可以与滚动条页面默认滚动条来自与无 《张鑫旭的CSS深入理解之overflow》学习笔记 overflow基本属性 overflow属性介绍 overflow: visible(默认)|hidd...

    Ali_ 评论0 收藏0
  • overflow属性便捷语法的不兼容问题

    摘要:属性的便捷语法的属性定义当一个元素的内容太大而无法适应块级格式化上下文时候该做什么。这里介绍一下该属性的便捷语法,赋予两个值,分别控制和。便捷语法需要注意的问题的便捷语法是个比较新的属性。 overflow属性的便捷语法 CSS的overflow属性定义当一个元素的内容太大而无法适应 块级格式化上下文 时候该做什么。是overflow-x和overflow-y的简写属性。 一般,我们会...

    104828720 评论0 收藏0
  • overflow属性便捷语法的不兼容问题

    摘要:属性的便捷语法的属性定义当一个元素的内容太大而无法适应块级格式化上下文时候该做什么。这里介绍一下该属性的便捷语法,赋予两个值,分别控制和。便捷语法需要注意的问题的便捷语法是个比较新的属性。 overflow属性的便捷语法 CSS的overflow属性定义当一个元素的内容太大而无法适应 块级格式化上下文 时候该做什么。是overflow-x和overflow-y的简写属性。 一般,我们会...

    Raaabbit 评论0 收藏0
  • overflow属性便捷语法的不兼容问题

    摘要:属性的便捷语法的属性定义当一个元素的内容太大而无法适应块级格式化上下文时候该做什么。这里介绍一下该属性的便捷语法,赋予两个值,分别控制和。便捷语法需要注意的问题的便捷语法是个比较新的属性。 overflow属性的便捷语法 CSS的overflow属性定义当一个元素的内容太大而无法适应 块级格式化上下文 时候该做什么。是overflow-x和overflow-y的简写属性。 一般,我们会...

    blastz 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<