2

这是我的设置:

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

http://imgur.com/hkLI5

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

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

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

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

4

2 回答 2

5

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

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

bottom:0;
left:0;

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

于 2012-08-15T06:37:09.407 回答
2

在容器 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>
于 2012-08-15T06:55:00.357 回答