将浮动的div放在容器的底部

Question

我有这段代码：http://jsfiddle.net/5RbrL/

如您所见，文本不会超过.box div。我想达到同样的目的，但.box div应该附在容器的底部。

我尝试的第一件事就是将容器的定位上下文设置为relative，并使.box为绝对值，但这会将其从文档的流中取出而文本放在.box下面，这正是我所不知道的不想发生。

我不知道容器的高度，因为它取决于容器内的文本量。

有没有办法让文本填满整个容器，但是将右下角的方块留空（对于背景图形）？

[编辑]

我很抱歉没有明确表达我的问题：我希望文本能够包裹.box。

Answer 1

您是否尝试将图像div移动到容器底部（文本下方），然后使用clear div或overflow清除容器：隐藏？ http://jsfiddle.net/5RbrL/14/

Answer 2

你到底想做什么？ 如果你想要底部的盒子，你可以把一个溢出隐藏在容器中，然后将.box移动到底部＆gt;像这样的事情＆gt;

http://jsfiddle.net/3v2mr/

或结构不能改变？

Answer 3

不幸的是，你问的问题无法用纯CSS完成。

您需要一个特定的高度才能以这种方式浮动/定位元素。

你可以解决它添加更多元素，但这不是优选的，因为你必须发明一些方法将文本的最后部分传播到空元素。

---

嗯，你可以用adding another element伪造它并以某种方式将最后一行文字注入其中。

除此之外，如果没有特定的高度，我不确定是否有真正的方法。 HTML应该提出某种路径系统：D

__

经过一些思考和实验，我有一个更简单的解决方案，只有include the element within the text（在<p>.内）