1

我正在尝试做的是将 div 块相对于左侧的内容对齐（比如可能存在图像），但始终位于 div 的底部。我只想用 CSS 来做，但如果那不可能，那么无论如何都可以。

编辑

如果没有那么多文字，这就是它应该看起来的样子

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

如果有很多文字

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

我希望这能清除我正在寻找的东西。无论文本是否触及该按钮，该按钮都应始终位于页面底部。按钮也应该尽可能地向左而不重叠任何东西。

4

1 回答 1

1

您不能为一个元素指定两个不同的位置。相反，您可以通过使用包装器元素包装您的元素来解决此问题。给包装器位置：相对。给你要垂直定位的元素 position:absolute;

http://jsfiddle.net/3hBds/

在下面的示例中，我将“相对水平”解释为水平堆叠元素，这是我通过浮动完成的。

编辑： 要让您的文本包裹图像，请浮动图像。显示了两个示例。最后一个例子是如果你不清除浮动图像会发生什么。用 div 包裹您的文本和图像，以便始终按下按钮。

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

于 2012-09-29T09:32:29.830 回答