发出将元素浮动到具有多个浮动元素的容器中的问题

Question

我遇到一个问题，让名称div和time-before div正常浮动。对于前者，前一段时间的div似乎并不想浮到最右边。这是我当前的HTML / CSS标记：

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

知道发生了什么事吗？

BTW，我正在使用SASS作为CSS。

Answer 1

前一个div的父div .metadata clearfix有一个内联块的显示。这导致其宽度仅为其内容的大小。您可以将其显示属性更改为block，如此fork http://jsfiddle.net/maxbeatty/KJUrL/

中所示

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

    .time-ago {
        float: right;
    }
}