浮动右元素与底部 CSS 对齐

这是我的设置：

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

https://i.stack.imgur.com/z8l2J.jpg

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

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

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

我的

问题是，我似乎找不到一种方法来使"一些测试信息"div一直滑动到我的评论底部（以便其底部位于"清除"div的顶部上方。

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

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

bottom:0;
left:0;

如果这样做，您还需要设置 top 属性，这样它就不会堆叠在统计信息部分的顶部。

在

容器div 中添加注释div 并在此容器内添加"some test info" div，这使其成为一种简单的 CSS 样式，它将始终在注释div 下方编辑div

<head>
  <style type="text/css">
    div.comment_and_edit_container {
      float:left;
    }
    div.comment, div.edit {
      display:block;
    }
    div.comment {
      min-width:500px;
    }
  </style>
</head>
<div class="comment_and_edit_container">
  <div class="comment"></div>
  <div class="edit"></div>
</div>

相关内容

最新更新

热门标签：