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>

最后一个元素没有正确浮动前一个元素的高度，倒数第二个元素的底部没有到达其左侧元素的底部，最后一个元素没有正确放置。

我是西班牙人，对不起，如果不明白我的意思，我的英语很糟糕......

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;}