zoukankan      html  css  js  c++  java
  • 元素如何设置滚动/滚动条的设置与隐藏

    当元素内容区域大于容器区域,就会出现溢出现象。通常这种溢出并非是原本页面设计的排版效果,需要进行代码优化。通过对容器设置滚动条就是最常见的处理方式。

    复合属性语法:

    overflow:scroll;//=>水平、垂直方向均添加滚动条

    单一属性:

    overflow-x:scroll;//=>水平方向添加滚动条

    overflow-y:scroll;//=>垂直方向添加滚动条

    隐藏滚动条:

    overflow:visible;(默认值)

    既不隐藏超出部分,也不显示滚动条。

        div {
           200px;
          height: 100px;
          background: #ccc;
          margin: 10px;
          float: left;
        }
        .test{
         
          overflow-y:scroll;
        }
    

      

      <div class='test'>字节跳动入股互动百科:创始人潘海东已退出
    
        与此同时,人们还发现互动百科创始人潘海东已经退出股东行列,这似乎也是公司被收购的一个前兆。北京量子跃动科技有限公司于2019年3月1日入股互动百科所属公司北京互动百科网络技术股份有限公司,出资额871.4286万元,持股比例22.22%,为第一大股东。
    
        此前,有内部人士爆料称,字节跳动接近完成了对互动百科的全资收购谈判。完成这次收购后,字节跳动将继续完善他们的搜素引擎生态。随后,有记者向字节跳动方面进行求证,字节跳动方面表示,对于市场传言,不予置评。
      </div>
      <div>字节跳动入股互动百科:创始人潘海东已退出
    
        与此同时,人们还发现互动百科创始人潘海东已经退出股东行列,这似乎也是公司被收购的一个前兆。北京量子跃动科技有限公司于2019年3月1日入股互动百科所属公司北京互动百科网络技术股份有限公司,出资额871.4286万元,持股比例22.22%,为第一大股东。
    
        此前,有内部人士爆料称,字节跳动接近完成了对互动百科的全资收购谈判。完成这次收购后,字节跳动将继续完善他们的搜素引擎生态。随后,有记者向字节跳动方面进行求证,字节跳动方面表示,对于市场传言,不予置评。
      </div>
    

      

  • 相关阅读:
    记录一下过孔和通孔焊盘
    资料分享
    oracle 配置服务端
    oracle 安装
    jquery之遍历展示title
    jquery之radio
    java基础之正则表达式
    java基础之IO流
    java基础之泛型
    java基础之反射
  • 原文地址:https://www.cnblogs.com/f6056/p/11376444.html
Copyright © 2011-2022 走看看