定位图像,使其始终显示在div的底部

时间:2012-11-12 10:05:21

标签: html css

下页的年轻女士的形象: http://secretgenius.co.uk/document/document_index.html

如果右边的内容更长,

需要移到页面底部。你可以在上面的URL中看到她漂浮在页脚行上方,但我希望她总是出现在页脚行中,无论右边有多少内容。我在这个网站上使用960.gs网格。

感谢您的帮助。

3 个答案:

答案 0 :(得分:2)

在图像父容器上使用position:relative,在图像上使用position:absolute; bottom:0; left:0

答案 1 :(得分:0)

vertical-align: bottom代码

上添加img

截图:

enter image description here

答案 2 :(得分:0)

#mainFooter{ background: url(../images/footerbg.png) repeat-x left bottom; bottom:0px; width: 100%; position:fixed; }
#footer { position: relative; margin: 0 auto; padding:10px 0; }

尝试这些设置&如果有任何css的先前设置。 mainFooter:用于img &安培;页脚:用于文字吼叫img