將div相對於水平和垂直絕對對齊

Question

我想要做的是將div塊相對於左邊的內容（比如圖像可能存在）對齊，但始終位於div的底部。我只想在CSS中做到這一點，但如果這不可能，那麼無論如何做到這一點都很好。

編輯

這是它應該如何看，如果沒有那麼多的文字

+---------------------+ 
|+---+Hello world! | 
||img|    | 
|+---+[button]  | 
+---------------------+ 

，如果有大量的文字

+---------------------+ 
|+---+Hello world! | 
||img|Hello world! | 
|+---+Hello world! | 
|Hello world!   | 
|[button]    | 
+---------------------+ 

我希望這清除我正在尋找的東西。無論文本是否觸及該按鈕，該按鈕應始終停留在頁面的底部。該按鈕也應該儘可能地遠離左側而不重疊任何東西。

Answer 1

您無法爲元素指定兩個不同的位置。 相反，您可以通過用包裝元素包裝元素來解決此問題。 給包裝位置：相對。 給你想要垂直放置的元素position：absolute;

http://jsfiddle.net/3hBds/

在下面的示例解釋我「相對於水平」意指水平堆疊元件，其我沒有浮動。

編輯： 要讓您的文字包裹圖像，請浮動圖像。 顯示了兩個示例。最後一個例子是如果你不清除浮動圖像會發生什麼。 用div封裝您的文字和圖片，這樣按鈕就會一直按下。

http://jsfiddle.net/apjX7/1/