需要在div的最底部显示图像

我希望图像显示在div的最底部，div没有设置高度，因为它基于多少内容在内容体DIV需要在div的最底部显示图像

<a href="http://facebook.com/page" id="find-us-on-facebook">facebook</a>

这里是链接的CSS瓦特/背景图像

#featured-left a#find-us-on-facebook:link, 
#featured-left a#find-us-on-facebook:visited { 
display: block; 
width: 183px; 
height: 52px; 
text-decoration: none; 
background: url('/images/uploads/images/find-us-on-facebook.png') no-repeat; 
overflow: hidden; 
text-indent: -10000px; 
font-size: 0px; 
line-height: 0px; 
} 

#featured-left a#find-us-on-facebook:hover { 
background-position: 0 -52px; 
overflow: hidden; 
text-indent: -10000px; 
font-size: 0px; 
line-height: 0px; 
}

来源

2011-02-11 Brad

哪个图像？背景图？或一些不同的图像？ – 2011-02-11 15:34:08

@tom background-image – Brad 2011-02-11 15:43:37

将padding-bottom: 52px添加到facebook按钮所在的内容div等于按钮的高度（52px）（如果容器底部已经有一些填充将其添加到52px或添加更多以创建按钮和内容之间的间隙），并将内容div的位置属性设置为position: relative。

然后将您的Facebook按钮位置设置为position: absolute并将其与bottom: 0以及您认为合适的left或right一起定位。

然后还有一个更多的民事解决方案 - 简单地把它放在内容div的最底部。虽然我认为，既然你问了这个问题，你不能那样做。

来源

2011-02-11 17:51:42

假设你的意思是你的背景图片，并且你还希望它左对齐（因为这将是默认）更改

background: url('/images/uploads/images/find-us-on-facebook.png') no-repeat

到

background: url('/images/uploads/images/find-us-on-facebook.png') no-repeat left bottom

来源

2011-02-11 15:34:28

这不起作用 – Brad 2011-02-11 15:46:01

它是否改变了图像的位置？此外，你是否检查确保另一种风格不受干扰？ – Shauna 2011-02-11 16:41:55

或者背景图像与容器高度相同 – 2011-02-11 16:43:29

尝试

vertical-align:bottom;

可能的工作。

来源

2011-02-11 15:34:46 Dai

尝试添加下面的CSS：

#featured-left { 
position: relative; 
} 

#featured-left a#find-us-on-facebook { 
position: absolute; 
bottom: 0; 
}

来源

2011-02-11 15:37:46 Bazzz

试试这个

position: absolute; 
bottom: 0;

，并确保在最底部显示在您希望这个DIV没有position: static

我希望这是你要找的。

来源

2011-02-11 15:37:53

需要在div的最底部显示图像

回答

相关问题