元素如何设置滚动/滚动条的设置与隐藏

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

复合属性语法：

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

单一属性：

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

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

隐藏滚动条：

overflow:visible;(默认值)

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

    div {
      width: 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>