最后一个元素浮动的问题

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