css - div 不能正确左右浮动。奇怪地堆叠

Question

现场示例：http: //smitecamp.com/

我只希望.newsdiv 框使用 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: both使用砖石http://masonry.desandro.com/

Answer 2

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

*示例*

我所做的基本上是在您的div中创建两个名为leftcand的容器。还给了你100%的身高。rightcinline-wrappersplitter

希望这可以帮助。