需要在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的最底部顯示圖像

回答

相關問題