css 超出部分隐藏 超出部分给滚动条 超出部分展示 自动

前端经常会出现屏幕或者容易装不下元素的情况
那么这种情况我们就需要根据需求进行处理
首先是默认的

overflow:visible;

超出部分不做任何处理 会原样展示出来

overflow:hidden;

超出部分隐藏 简单说 超出的你就看不见了
最常见的还是超出部分给滚动条
让看不完的东西可以上下拉动观看

overflow:scroll;

但滚动我不建议这样写
我们可以这样写

overflow:auto;

这样就会自动 当没有超出时 元素展示正常 当元素超出时就会出现滚动条
overflow也可以根据宽度高度处理 简单说 横向超出和纵向超出

overflow-y:auto;
overflow-x:auto;