0

このフィドルを見てください：http://jsfiddle.net/FnED8/3/

右側のプロジェクト グリッド アイテムは#nav、最初の行を通過すると左側の要素の下で常にクリアされます。右側のアイテムは常に整列したままになり、決してクリアされません。明らかに、高さを#nav1000px のような大きな値に設定して目的の結果を得ることができますが、これは答えではありません。

本質的に、私は#nav100% の高さでありたいと思って#projectsいます。これを尊重し、下をクリアすることはなく、常にその横にとどまります。

編集-#projectsグリッドを半流体にするための幅は 90% ですが、これはこの問題には影響しません。

4

3 に答える 3

2

プロジェクトグリッドを次のようにします:-

#projects-grid {
    float: left;
    width: 300px;

}

http://jsfiddle.net/FnED8/4/

または、お好みの幅で。マット

于 2012-07-16T16:23:58.133 に答える
1

display: inline-block考えられる解決策の 1 つは、#projects-grid要素を設定することです。ただし、幅を調整する必要があることに注意してください。幅が 90% では横に収まらないため#navです。

更新されたフィドル

于 2012-07-16T16:25:34.853 に答える
0

これはあなたが達成しようとしていることですか？http://jsfiddle.net/thebabydino/FnED8/7/

グリッドに適切な左マージンを設定し、#projectsその幅の 90% を削除します。

#projects-grid {
    margin-left: 174px;
}
于 2012-07-16T16:30:14.773 に答える