查閱了很多資料，

這里其實是 ul元素的包含塊(containing block)問題 。

containing block定義：

一個元素盒子的位置和大小有時是通過相對于一個特定的長方形來計算的，這個長方形就被稱之為元素的 containing block。

如果元素有屬性 'position:absolute'，containing block 由最近的 position 不是 static 的祖先建立。

如果沒有這樣的祖先，則根元素盒子的內容邊界確定為 containing block。

overflow屬性

一個絕對定位的子孫元素，部分內容在盒子外。但超出的部分不是總會被剪裁。子孫元素的內容就不會被子孫元素和其包含塊之間的祖先元素的overflow的設置所剪裁。

現在再看樓主的問題:

1. 一開始ul的父元素并沒有設置position的值，ul元素的包含塊為根元素，ul父元素上的overflow:hidden對其不生效。

2. 當ul的父元素上設置了非默認的position值之后，ul元素的包含塊變為ul的父元素，此時overflow:hidden屬性對ul生效

這里有一些overflow屬性失效的詳盡演示，大家可以對照著看一下

http://www.cnblogs.com/xiaohuochai/p/5289653.html#anchor3

我看糊涂了