【前端基础】12、CSS的overflow（visible、hidden、scroll、auto）【注：只有最基础的说明。】

一、overflow的作用

用于控制内容溢出时的行为。

二、overflow的使用

• visible：超出的部分正常显示（默认设定）
  
  

• hidden：超出的部分隐藏显示（直接裁剪掉）
  
  

• scroll：超出的部分滚动显示
  滚动条占用高度（weight）、宽度（height）
  
  
  注意：如果高度超过文本的实际高度了，让然会有滚动条。
  
  

• auto：超出的部分自动调整显示（自动决定是否使用滚动机制。）
  如果文本高度小于设定的高度：文本自动根据情况显示。
  
  
  如果文本高度大于设定高度：自动显示滚动条。