0

フロー レイアウトを作成しようとしていますが、css で float:left プロパティを使用すると問題が発生します。

幅 100%、高さ 100% の親コンテナーが 1 つあります。これには、ヘッダー、メニュー コンテナー、およびコンテンツ コンテナーの 3 つのコンテナーが含まれます。メニューは横メニューではなく縦メニューです。ヘッダーの下に来て、コンテンツ コンテナがメニュー コンテナの左にフロートします。今の問題は、それをフローレイアウトにしたいということです。解像度を下げると、フローティング コンテンツ コンテナがメニュー コンテナの下に表示されます。メニュー コンテナの下に来ることなく、コンテンツをフロー レイアウトでフロートさせたいのですが、これに対する解決策を提供してください。ありがとう！

ここにコードへのリンクがあります。

http://jsfiddle.net/VdE7Y/

4

2 に答える 2

1

#content css から width と float を削除します。

#wrapper の背景色を、#content の背景にしたい色に設定します。

display: inline-block;#content css に追加します。

更新されたフィドル---->ここ

于 2011-12-31T11:04:24.630 に答える
0

問題はmin-widthあなたが持っていることです#menu-cont

あなたがしようとしているレイアウトは維持するのが非常に難しいです。

于 2011-12-31T11:04:13.020 に答える