overflow属性 | 码农工具

​x
 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
  <h1>overflow 属性</h1>
  
  <div>1、默认的overflow —— visible是默认值。</div>
  <br/>
  <br/>
  <div class="visible">2、overflow: visible; —— 内容超出时会呈现在元素框之外。</div>
  <br/>
  <br/>
  <div class="hidden">3、overflow: hidden; —— 超出的内容不可见。</div>
  <br/>
  <br/>
  <div class="scroll">4、overflow: scroll; —— 总是显示滚动条。</div>
  <br/>
  <br/>
  <div class="auto">5、overflow: auto; —— 滚动条在需要的时候才出现。</div>
  <br/>
  <br/>
  <div class="inherit">6、overflow: inherit; ——继承父元素的overflow值。</div>
</body>
</html>
HTML