如何在CSS中使用float：left屬性而不會遇到麻煩？

Question

我正在嘗試創建一個流佈局，我在使用float：left屬性時遇到了一些麻煩。

我有一個父容器有100％的寬度和100％的高度。它包含三個容器： 標題，菜單容器和內容容器。 菜單是一個垂直菜單，而不是一個水平菜單。它位於標題下方，然後內容容器浮動在菜單容器左側。 現在的問題是我想使它flowlayout。當我降低分辨率時，浮動內容容器會出現在菜單容器下方。我希望內容在浮動時不會出現在菜單容器下方。請爲此提供解決方案。 謝謝！

這裏是代碼的鏈接。

http://jsfiddle.net/VdE7Y/

Answer 1

從#content css中刪除寬度和浮點數。

將#wrapper的背景顏色設置爲#content背景的任何顏色。

將display: inline-block;添加到#content css。

更新的小提琴---->HERE

Answer 2

問題是min-width你有#menu-cont

你想擁有的佈局是非常難以維持。