2016-03-30 16 views
0

私は現在、Wordpressのブログテーマを開発中です。私は独立した列を持つ大きな画面に2列のレイアウトを表示したかったのです。 I thought of something like this モバイルページは問題ありません - しかし、2列のレイアウトI had problems like this (bottom image) に私はでそれを試してみました:+ 浮かぶn番目の子()セレクタが、それは動作しませんでした。
投稿は日付でリストアップされています!
誰かが私にこの問題を解決する方法を教えてもらえると本当に感謝しています!前もって感謝します。レスポンシブルな独立した2列のレイアウト

編集: ブートストラップまたは他のグリッドシステムを使用していません!

+0

あなたはブートストラップを使用していますか? –

+0

ごめんなさい - ブートストラップと他のフレームワークを使用していないことを忘れてしまった! – mmschrom

答えて

0

浮動小数点型の複数の要素があると仮定していますが、要素の高さが異なる場合は機能しません。これらの要素に対して2つの別々の列を作成する必要があります。

+0

ええ、問題は再編成です。正しいタイムラインを維持しながら、分離された列を1つの列に戻すにはどうすればよいですか。私が11の投稿を2つの異なるdivに入れた場合(PHPで簡単にそれを行うことができます)、小さな画面で100%幅にすると、投稿は次のように表示されます:1 - 3 - 5 - 7 - 9 - 11 - 2 - 4 - 6 - 8 - 10。 – mmschrom

+0

Gotcha。あなたはJavaScriptを使う必要があります。ここには良いプラグインがあります:http://masonry.desandro.com/ – kiaaanabal

関連する問題