Div不能左右浮动。奇怪地堆叠

Question

此处的实例：http://smitecamp.com/

我只想让.news div框在Rails中使用cycle帮助器左右浮动，这就是我目前所看到的：

这就是我希望布局实际看起来像：

我在这里缺少什么？为什么div堆叠如此奇怪？

#latestest-news
  .inline-wrapper
    .splitter

    - for news in @news
      .news style="float: #{cycle('left', 'right')};"
        h2
          = link_to news.title, news

        = news.content.html_safe

        .footer
          p by Virtum | #{l news.created_at}
      br

Answer 1

你需要添加clear：两者都是样式声明，如果你想让它们叠加在另一个之上，但是这不会得到你想要的结果，除非所有的新闻div都有相同的高度，我会建议你使用砌筑http://masonry.desandro.com/

Answer 2

如果满足您的需求，请查看此内容。

*EXAMPLE*

我所做的基本上是在leftc div中创建两个名为rightc和inline-wrapper的容器。同时也为splitter提供了100％的高度。

希望这有帮助。