0

我想要达到的目标:

两个加行,每行包含三列。对于行,我指定了相对定位,每行包含三个图像,两行。这工作正常。

我想要在这些图像下方分层 div,使用绝对位置和负 z-index,这也适用于第一行。第二行,图像排列良好,但绝对定位的 div 出现在第一行。

jsFiddle在这里:http: //jsfiddle.net/Ajdin/tNGCM/

我已经在板上阅读了一些问题,并在谷歌上搜索了 css 绝对定位,因为我认为我可能会误解某些东西。请帮忙 :)

4

1 回答 1

0

由于 div ".hireBioImg" 设置了 "float" 属性,它不会将高度扩展到其父级。所以在hireBioRow中,你需要添加“clearfix”来包裹浮动元素。

请在此处查看更新:http: //jsfiddle.net/tNGCM/1/

更多关于 clearfix 的信息:

当浮动元素位于容器框内时会出现问题,该元素不会自动强制容器的高度调整为浮动元素。当一个元素浮动时,其父元素不再包含它,因为浮动已从流中移除。

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

于 2012-07-03T17:14:48.167 回答