html中overflow的用法
    HTML中的overflow属性常常被用来设置容器元素中内容的显示方式，当容器元素中的内容超过容器元素的大小时，使用overflow属性可以控制内容的显示方式。
    1. 基本介绍
overflow属性用于设置元素内部内容溢出时的处理方式，主要有四种属性值：
css始终显示滚动条    - visible（默认值）：不 Clip，内容可以 overflow 容器；
- hidden：Clip，内容不可见；
- scroll：Clip，同时显示滚动条以便查看所有内容；
- auto：根据内容是否溢出自动决定。
    2. visible
visible是overflow属性的默认值，在这个模式下，元素内容会超出容器，并且不会被裁剪，
可以通过CSS做一些修饰，如调整位置，改变颜等等。
    3. hidden
如果想让元素溢出不被显示，就可以使用hidden属性。该属性将溢出的内容隐藏，不会显示出来，但也不是完全裁剪掉，意味着容器内的内容尺寸大小并没有改变。不过，如果设置的元素不是完全占满容器，只是某部分溢出，那么溢出内容将无法通过滚动条查看。
    4. scroll
如果想让容器中的溢出内容可以滚动，就可以使用scroll属性。该属性设置为scroll时，将会在垂直方向和水平方向上出现滚动条，由用户自行控制显示的内容。容器的溢出部分仍然保留在容器内，仅是根据需要显示和隐藏。
    5. auto
auto属性可以增加水平和/或垂直滚动条，只有在内容实际溢出时才会出现滚动条。如果没有溢出，也就不需要出现滚动条。此时滚动条的出现取决于内容本身的大小，当有足够的空间显示全部内容时，滚动条将自动隐藏，与visible属性相似。
    需要注意的是，使用Scroll属性时，默认情况下其会在水平方向与垂直方向同时显示滚动条，如果只需要设置一个方向的滚动条，可以分别使用overflow-x和overflow-y两个属性进行设置。
    6. 结语
    以上就是overflow属性的四种用法，尽管看上去很简单，但是并不容易理解。学好这个属性，还需要在实际中多加练习和使用，才能更好地掌握其使用方法和技巧。