将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/