基本用法介绍

如果元素中的内容超出了给定的宽度和高度属性，overflow 属性可以确定是否显示滚动条等行为。

默认情况为: overflow: visible 内容超出给定部分后将越界正常显示。

而加上属性overflow: scroll或overflow: auto后会显示滚动条行为，加上属性overflow: hidden则隐藏超出部分的元素

注意: auto是超出了才显示滚动条，不超出不显示，scroll不管超不超出都会显示。

外边距合并问题

原文链接：

[1] https://my.oschina.net/huskydog/blog/749629

[2] https://www.bbsmax.com/A/LPdovWGE53/

外边距合并：指的是，当两个垂直外边距相遇时，它们将合并成一个外边距。

  1. 当一个div在另一个div里，两个div都有margin的属性，想让这两个div不出现外边距合并的问题，必须给外层div添加border属性或者overflow:hidden属性；如果允许其出现外边距合并，内层div始终保持原位置，而外层div的margin属性会取两者的最大值。

    如果允许其出现外边距合并(即未添加'border属性'或者'overflow:hidden'属性),则如图所示

  2. 当两个div不存在嵌套关系且垂直外边距相遇时，不管是否有border或者overflow属性，两者始终会存在外边距合并问题。(此时除非子元素浮动或者display: inline-block时,外边距才会不再合并)

    当一个元素出现在另一个元素上面时，第一个元素的下外边距与第二个元素的上外边距会发生合并