浮動小数点：左のプロパティを使用するにはどうすればいいですか？

Question

私はフローレイアウトを作成しようとしていますが、私はfloat：cssのleftプロパティを使っていくつかの問題を抱えています。

私は幅100％、高さ100％の親容器が​​1つあります。これには3つのコンテナが含まれています。 ヘッダー、メニューコンテナ、およびコンテンツコンテナ。 メニューは水平メニューではなく、垂直メニューです。ヘッダの下に来ると、コンテンツコンテナはメニューコンテナの左に移動します。 問題は、私はそれをflowlayoutにしたいのです。解像度を下げると、フローティングコンテンツコンテナがメニューコンテナの下に表示されます。私はコンテンツをメニューコンテナの下に来ることなくフローレイアウトで浮かせたいと思います。これを解決してください。 ありがとう！

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

http://jsfiddle.net/VdE7Y/

Answer 1

#content CSSから幅と浮動小数点を削除します。

#wrapperの背景色を#contentの背景にする色に設定します。

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

更新フィドル---->HERE

Answer 2

問題は、あなたが持ってしようとしているレイアウトは維持することは非常に困難である#menu-cont

ためのあなたが持っているmin-widthです。