定义
overflow 属性设置当元素的内部标签溢出其区域时如何处理。
JavaScript 语法：  object.style.overflow="scroll"
实例设置 overflow 属性：div{width:150px;height:150px;overflow:scroll;}
可能的值值  描述
visible  默认值。内容不会被修剪，会呈现在元素框之外。
hidden  内容会被修剪，并且其余内容是不可见的。
scroll  内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto  如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
注：修剪，即多余的内容会被隐藏。
<div class="list" style="position:relative;overflow:hidden;">         <!--内部标签溢出即隐藏-->
        <p style="position:absolute; top: 60px; left: 4px;">
              <img src="../img/xxx.png" />
       </p>
        <div style="width:1600px;overflow:hidden;margin:17px 0 0 26px;">    <!--标签溢出-->
          <ul>
            <li style="width:148px;float:left; ">
              <dl style="width:128px;border:1px solid #000;">
                <dd style="margin:10px auto;width:109px;">
                      <img src="../img/xxx.jpg" /> </dd>
                <dd style="margin:0 auto;width:109px;">xxxxxx</dd>
                <dt style="margin:0 auto;width:109px;">aaaa</dt>
              </dl>
            </li>
                  .............................    
          </ul>
        </div>
        <p style="position:absolute; left: 600px; top: 60px;">
               <img src="../img/xxx.png" />
       </p>
      </div>