2012-08-15 494 views
2

這是我的設置:浮動右元素對齊底部CSS?

我有一個註釋container div。在這個div裏面,我有三個div。兩個是浮左,另一個是右浮。

http://imgur.com/hkLI5

這些3周的div有他們周圍的圓角邊框。我認爲很容易辨別上圖中哪些是左浮動和右浮動。

三個浮動的div之後,有一種無形的「清」的div,

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

我的問題是,我似乎無法找到一種方法,使「一些測試信息」 DIV所有幻燈片我的評論底部的方式(以便它的底部正好在「清晰」div的頂部之上)

回答

4

浮動不會像那樣工作;元素總是會浮動到頂部,如[insert simile here]

您可能不得不放棄float會見HOD和使用absolute定位,相似的東西

bottom:0; 
left:0; 

如果你這樣做,你就需要設置一個top屬性還,因此它不會對統計部分疊放。

+5

黃油下面總是編輯單嗎?奶油?屍體?輪胎? – Ben 2012-08-15 06:42:12

2

添加註釋的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> 
+0

如果這是正確的,請將其標記爲答案和/或upvote – GLES 2012-08-15 06:57:01