CSS overflow 属性示例

<html>
  <head>
    <title>CSS overflow 属性示例</title>
    <style>
      /* 基础样式：固定宽高的容器，内容超出 */
      .box {
        width: 200px;
        height: 100px;
        border: 1px solid #333;
        padding: 10px;
        float: left;
        margin-right: 10px;
        background-color: #f8f8f8;
      }

      /* 不同 overflow 取值 */
      .visible { overflow: visible; }
      .hidden { overflow: hidden; }
      .scroll { overflow: scroll; }
      .auto { overflow: auto; }
      .clip { overflow: clip; }
    </style>
  </head>
  <body>
    <div class="box visible">