Question

好的我在DIV中定位图像时遇到了一个小问题。

<div id="wholePage">
     <img src="theImages/header_shadow_flip.png" id="hF" />
     <div id="pageWrapper"><img src="theImages/header_shadow.png" id="bF" />
     </div>
</div>

我有两个DIV的CSS

#wholePage {
    position: relative;
    width: 1000px;
    padding: 0 10px;
    padding-top: 35px;
    margin: 0 auto;
}
#pageWrapper {
    position: relative;
    width: 960px;
    padding: 0 10px;
    padding-top: 37px;
    margin: 0 auto;
}

顶部阴影的CSS，效果很好。无需改变，是：

img#hF {
    position: absolute;
    left: 50px;
    top: 56px;
    z-index:2;
}

但是底部页脚图像给了我一个问题，而css是：

img#bF {
    position: absolute;
    left: 50px;
    top: 1657px;
    z-index:2;
}

该页面的两个例子如下：

www.interfaithmedical.com/CheckSite/index.html
www.interfaithmedical.com/CheckSite/ms_gynecology.html

如何对齐底部阴影图像以匹配pageWrapper DIV，使其位于正下方？并且不会像在第二个链接上那样基于页面本身定位。（在第二个链接上，您可以看到它使用原始间距并超出页面内容）

Answer 1

尝试将top:的{{1}}属性设置为-4px，而不是设置bF的{{1}}属性。这样你每次都不会被你的页面绑定为1657像素高。

bottom:

根据另一个DIV内的DIV定位图像

1 个答案: