滚动条

• div上控制显示滚动条要结合overflow属性和布局、高/宽度
  • div的overflow、overflow-x、overflow-y样式
    • inherit：规定应该从父元素继承 overflow 属性的值。
    • hidden：永远不显示滚动条。内容会被修剪，并且其余内容是不可见的。
    • scroll：永远显示滚动条（至少有占位框）。内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
    • auto：根据内容高度自动控制滚动条是否显示。如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容，并有可能导致布局发生改变。
    • visible（默认，不设置时）：内容不会被修剪，会呈现在元素框之外（子元素自身宽或高大于元素本身时）。
  • 正常情况下，如果用了flex布局（Flexible Box，弹性盒子），就变成了一个弹性盒子，不需要手动设置滚动条相关属性，div内部内容多也没关系
    • flex
      • 前端布局神器，用来为盒装模型提供最大的灵活性。
      • 任何一个容器都可以指定为Flex布局。
      • flex容器内所有子元素自动成为容器成员，成为Flex项目(Flex item)，简称“项目”。这些项目会延flex-direction属性设置的主轴方向排列（即项目的排列方向）
      • bootstrap提供的row等class其实就是给容器设置了flex属性
    • 但是这个时候如果两个相邻的div，前者有margin属性，那么就会影响下面的div，导致下面的div出现滚动条

来源：https://www.cnblogs.com/wyp1988/p/11313684.html