#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。