html - 将部分划分为左右部分(如 facebook 时间线)

Question

我正在尝试在这里制作类似于 facebook 时间线的东西，但由于某种原因我无法获得它。为什么我的右 div 只跟在第一个左下方之后。我希望它们从同一个位置开始，就像 Facebook 时间轴一样。

我已经为你做了一个 fiddle ，所以你可以理解我的问题:http://jsfiddle.net/FHR3q/

此外，在它们之间添加某种分隔符(例如一条线)的最佳方法是什么。

Answer 1

这样写:

<div class="block leftt"></div>
<div class="block right"></div>
<div class="block left"></div>
<div class="block right"></div>

检查这个http://jsfiddle.net/FHR3q/6/

已更新

也许你可以为此使用 nth-child 属性:

检查这个http://jsfiddle.net/FHR3q/15/

带分隔符 http://jsfiddle.net/FHR3q/16/