0

実例はこちら: http://smitecamp.com/

.newsRailsのヘルパーを使用して、divボックスを左右にフロートさせたいだけ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
4

2 に答える 2

0

clear: both をスタイル宣言に追加する必要があります。一方を他方の上に積み重ねたい場合は、ただし、すべてのニュース div が同じ高さでない限り、必要な結果が得られません。石積みを使用http://masonry.desandro.com/

于 2013-09-29T23:27:31.820 に答える
0

それがあなたのニーズをカバーしている場合は、これを見てください。

*例*

私が基本的に行ったことは、 div内にという名前leftcの2 つのコンテナーを作成することです。また、身長を 100% にしました。rightcinline-wrappersplitter

お役に立てれば。

于 2013-09-30T01:02:09.850 に答える