Ошибка получения элемента для перемещения внутри контейнера с несколькими плавающими элементами

Question

У меня проблема с тем, чтобы имя div и время назад div правильно всплывали. Например, давным-давно div не хочет плавать в крайнем правом положении. Вот моя текущая разметка HTML / CSS:

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

Есть идеи, что происходит?

Кстати, я использую SASS для CSS.

Answer 1

Родительский div для времени назад div, .metadata clearfix имеет отображение inline-block. Это заставляет его ширину быть только размером его содержания. Вы можете либо изменить его свойство display на block, как показано на этом форке http://jsfiddle.net/maxbeatty/KJUrL/

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

    .time-ago {
        float: right;
    }
}