阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      CSS overflow

      CSS overflow

      设置不同 overflow 属性值:

      div.ex1 {
          overflow: scroll;
      }
       
      div.ex2 {
          overflow: hidden;
      }
       
      div.ex3 {
          overflow: auto;
      }
       
      div.ex4 {
          overflow: visible;
      }
      

      属性定义及使用说明

      overflow属性指定如果内容溢出一个元素的框,会发生什么。

      默认值:visible
      继承:no
      版本:CSS2
      JavaScript 语法:object.style.overflow=“scroll”

      浏览器支持

      表格中的数字表示支持该属性的第一个浏览器版本号。

      属性IEChromeFFsafariOpen
      overflow1.04.01.01.07.0

      注意:在X Lion(Mac OS),滚动条显示默认是隐藏的,只有当被使用(即使”overflow:scroll”已设置)。


      属性值

      描述
      visible默认值。内容不会被修剪,会呈现在元素框之外。
      hidden内容会被修剪,并且其余内容是不可见的。
      scroll内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
      auto如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
      inherit规定应该从父元素继承 overflow 属性的值。

      相关文章

      CSS 教程: CSS Positioning

      卖前端学习教程

      只需几十元,就能买到培训班的内部教程!开启高薪之路!

      零基础小白阿里P7的教程都有!

      同时长期收购所有培训班的前端教程

      目录
      目录