html - 最後の要素が浮いている問題

Question

¿どうすればこれを解決できますか? http://jsfiddle.net/Monobe/Yq7GK/

<div id="timeline">
    <div class="item">...</div>
    <div class="item">...</div>
    <div class="item">...</div>
    <div class="item">...</div>

    <div class="clear"></div>
</div>

最後の要素は、前の要素の高さによって正しくフロートしません。最後から 2 番目の要素の下部がその左側の要素の下部に達していない方法、最後の要素が正しく置かれません。

私はスペイン語です。理解できない場合は申し訳ありません。英語が下手です...

Answer 1

お役に立てますように。

テーブルには、親 div を適用するのと同じような行があります。

<div id="timeline">
    <div class="row">
        <div class="item">...</div>
        <div class="item">...</div>
    </div>
    <div class="row">
        <div class="item">...</div>
        <div class="item">...</div>
    </div>
    <div class="row">
        <div class="item">...</div>
    </div>
</div>

class=row に css を適用します。

.row{float:left; width:100%; margin:5px 0;}