#zdiv1{overflow:hidden;}
#roll{list-style:none;position:absolute;}
#roll li{float:left;}

<div id="zdiv1">
   <ul id="roll">        
      <li>1</li>        
      <li>2</li>        
      <li>3</li>    
   </ul>
<div>

如上面的程式碼我們想要實現的效果是在div以外不希望看到ul的內容，但是你會發現其實設定的overflowL:hidden已經失效，並沒有得到我們想要的效果，這是因為一個設定了絕對定位的元素，其溢位內容不總是會被設定了overflow的父元素裁掉，解決方案是隻需要為其父元素新增屬性position：relative。