浮动右元素对齐底部CSS？

我有一个注释container div。在这个div里面，我有三个div。两个是浮左，另一个是右浮。

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

三个浮动的div之后，有一种无形的“清”的div，

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

我的问题是，我似乎无法找到一种方法，使“一些测试信息” DIV所有幻灯片我的评论底部的方式（以便它的底部正好在“清晰”div的顶部之上）

来源

2012-08-15 Georges Oates Larsen

浮动不会像那样工作;元素总是会浮动到顶部，如[insert simile here]

您可能不得不放弃float会见HOD和使用absolute定位，相似的东西

bottom:0; 
left:0;

如果你这样做，你就需要设置一个top属性还，因此它不会对统计部分叠放。

来源

2012-08-15 06:37:09 Ben

黄油下面总是编辑单吗？奶油？尸体？轮胎？ – Ben 2012-08-15 06:42:12

添加注释的div一个div容器内，加入这个容器也内"some test info" div，这使得一个简单的CSS样式，这将使评论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-15 06:55:00 GLES

如果这是正确的，请将其标记为答案和/或upvote – GLES 2012-08-15 06:57:01

浮动右元素对齐底部CSS？

回答

相关问题