獲取元素在具有多個浮動元素的容器內浮動的問題

Question

我遇到了一個問題，名稱div和時間前div正確浮動。對於前者，前面的div似乎並不想漂浮在最右邊。這是我目前的HTML/CSS標記：

http://jsfiddle.net/stickboyski/qCWsk/101/

任何想法是怎麼回事？

順便說一句，我正在使用SASS的CSS。

Answer 1

前時分div的父div .metadata clearfix具有內聯塊的顯示。這導致其寬度僅爲其內容的大小。您可以將其顯示屬性更改爲block，如此叉中所示。http://jsfiddle.net/maxbeatty/KJUrL/

.metadata { 
    display: block; /* to make width 100% of container */ 
    .name { 
     float: left; 
     display: inline; 
    } 

    .time-ago { 
     float: right; 
    } 
}