再了解CSS中的overflow以及应用场景

前言

网页的设置在很多时候并不是正好满足一页，拿我们经常用的掘金来说，因为使用了数据的分页加载，如果你想看更多的文章的话，需要不停的往下滑动，在浏览器的右边会一直存在着一个滚动条，这就是这篇文章想要了解的元素。在网页中当一页无法容纳所有的数据的时候，我们经常使用overflow来进行设定。

overflow

overflow 是overflow-x 和overflow-y的简写，用来设定当一块级元素（通常设置了height/max-height）的内容太大而超出范围的时候，元素内容如何加载。当元素的white-space设置为nowrap也满足。

语法

overflow：属性值；
overflow: [overflow-x] [overflow-y];

当你设定一个值的话，则同时对x和y轴生效

你也可以分别设定x和y轴的值。

属性值

下面的所有例子都依赖于：

div{
  height:100px;
  width: 100px;
  borde