我想要达到的目标:
两个加行,每行包含三列。对于行,我指定了相对定位,每行包含三个图像,两行。这工作正常。
我想要在这些图像下方分层 div,使用绝对位置和负 z-index,这也适用于第一行。第二行,图像排列良好,但绝对定位的 div 出现在第一行。
jsFiddle在这里:http: //jsfiddle.net/Ajdin/tNGCM/
我已经在板上阅读了一些问题,并在谷歌上搜索了 css 绝对定位,因为我认为我可能会误解某些东西。请帮忙 :)
我想要达到的目标:
两个加行,每行包含三列。对于行,我指定了相对定位,每行包含三个图像,两行。这工作正常。
我想要在这些图像下方分层 div,使用绝对位置和负 z-index,这也适用于第一行。第二行,图像排列良好,但绝对定位的 div 出现在第一行。
jsFiddle在这里:http: //jsfiddle.net/Ajdin/tNGCM/
我已经在板上阅读了一些问题,并在谷歌上搜索了 css 绝对定位,因为我认为我可能会误解某些东西。请帮忙 :)
由于 div ".hireBioImg" 设置了 "float" 属性,它不会将高度扩展到其父级。所以在hireBioRow中,你需要添加“clearfix”来包裹浮动元素。
请在此处查看更新:http: //jsfiddle.net/tNGCM/1/
更多关于 clearfix 的信息:
当浮动元素位于容器框内时会出现问题,该元素不会自动强制容器的高度调整为浮动元素。当一个元素浮动时,其父元素不再包含它,因为浮动已从流中移除。