如何使用滚动条来显示元素内溢出的内容 - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    div.scroll {
      background-color: #00FFFF;
      width: 100px;
      height: 100px;
      overflow: scroll;
    }

    div.hidden {
      background-color: #00FF00;
      width: 100px;
      height: 100px;
      overflow: hidden;
    }
  </style>
</head>

<body>
  <p>overflow 属性规定当内容溢出元素框时发生的事情。.</p>

  <p>overflow:scroll</p>
  <div class="scroll">You can use the overflow property when you want to have better control of the layout. The default value is visible.</div>

  <p>overflow:hidden</p>
  <div class="hidden">You can use the overflow property when you want to have better control of the layout. The default value is visible.</div>
</body>
</html>
        