浮动右侧元素与底部 CSS 对齐？

Question

这是我的设置：

我有一个评论容器 div。在这个 div 中，我还有三个 div。两种是左浮动，一种是右浮动。

这 3 个 div 周围有圆角边框。我认为很容易分辨出上图中哪些是向左浮动和向右浮动。

在三个浮动的div之后，还有一个看不见的“清晰”的div，

<div style="clear:both; border:none;"></div>

我的问题是，我似乎无法找到一种方法让“一些测试信息”div 一直滑动到我的评论底部（这样它的底部就在“清晰”div 的顶部正上方。

Answer 1

Float 不是这样工作的；元素将始终像[在此处插入明喻]一样浮动到顶部。

您可能不得不放弃该float方法并使用absolute定位，类似于

bottom:0;
left:0;

如果你这样做，你还需要设置一个top属性，所以它不会堆叠在 stats 部分的顶部。