html - 最后一个元素 float 的问题

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>

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

我是西类牙人，如果不明白我的意思，我的英语不好...

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