这是我的设置:
我有一个评论容器 div。在这个 div 里面,我还有三个 div。两个是左浮动,一个是右浮动。
这 3 个 div 周围有圆角边框。我认为很容易分辨上图中哪些是左浮动和右浮动。
在三个浮动的div之后,有一个看不见的“清晰” div,
<div style="clear:both; border:none;"></div>
我的问题是,我似乎无法找到一种方法让“一些测试信息”div 一直滑到我的评论底部(这样它的底部就在“清晰”div 的顶部上方。
这是我的设置:
我有一个评论容器 div。在这个 div 里面,我还有三个 div。两个是左浮动,一个是右浮动。
这 3 个 div 周围有圆角边框。我认为很容易分辨上图中哪些是左浮动和右浮动。
在三个浮动的div之后,有一个看不见的“清晰” div,
<div style="clear:both; border:none;"></div>
我的问题是,我似乎无法找到一种方法让“一些测试信息”div 一直滑到我的评论底部(这样它的底部就在“清晰”div 的顶部上方。
浮动不是那样工作的。元素将始终像 [在此处插入明喻] 一样浮动到顶部。
您可能不得不放弃该float
方法并使用absolute
定位,类似于
bottom:0;
left:0;
如果你这样做,你还需要设置一个top
属性,所以它不会堆叠在 stats 部分的顶部。
在容器 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>