爲什麼絕對定位元素嵌套在第一個「行」相對的div而不是它的父div？

Question

我想實現的目標：

兩個加行的行，每行包含三列。對於行，我已經指定了相對定位，每行包含三個圖像，兩行。這工作正常。

我想要在這些圖像下使用位置絕對和負Z指數，這也適用於第一行罰款分層divs。第二行，圖像排列良好，但絕對位置的div出現在第一行。

的jsfiddle這裏： http://jsfiddle.net/Ajdin/tNGCM/

我讀過在黑板上的一些問題，並用Google搜索的CSS絕對定位，因爲這就是我想我可能誤解的東西。請幫助:)

Answer 1

由於div「.hireBioImg」設置爲「float」屬性，因此不會將其高度延伸至其父項。所以在hireBioRow中，你需要添加「clearfix」來包裝裏面的浮動元素。

請看這裏更新：

當浮動元素是一個容器盒中的問題發生時，該元素不會自動強制容器的高度調整爲： http://jsfiddle.net/tNGCM/1/

約clearfix

而更多浮動元素。當一個元素被浮動時，它的父元素不再包含它，因爲浮動元素被從流中移除。

http://www.webtoolkit.info/css-clearfix.html