overflow属性的用法

<style type="text/css">
div{
  background-color:#00FFFF;
  150px;
  height:150px;
  overflow: scroll
}
</style>

如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,即使元素框中可以放下所有内容也会出现滚动条(当然这个滚动条是不能操作的)。

默认值是 visible。这个值会让div中的内容即使超出了div的边界也全部显示出来

还可以是 hidden, 这个值会把超出的部分隐藏掉, 而不会显示. 

也可以为 auto, 这个会具体会出现什么情况不是很了解, 以后再试

原文地址:https://www.cnblogs.com/wgbs25673578/p/5764368.html