嵌套的divs以不希望的優先級包裝

Question

我的嵌套div的行爲與換行符有問題。我試圖尋找這個，但無濟於事，因爲這個問題很難說清楚。

我有四個的div如下所示嵌套的，所有與顯示內聯塊：現在

-------- --------------------------- 
| menu | | content holder div  | 
| div | | ----------- ----------- | 
|  | | | content | | content | | 
|  | | | div 1 | | div 2 | | 
|  | | |   | |   | | 
-------- | ----------- ----------- | 
     --------------------------- 

，菜單DIV和內容的div具有上加載的數據實際上還要考慮柔性寬度。當任一內容的div變得太寬，我想下面的情況發生：

-------- ---------------------- 
| menu | | content holder div | 
| div | | -----------  | 
|  | | | content |  | 
|  | | | div 1 |  | 
|  | | |   |  | 
-------- | -----------  | 
     | ------------------ | 
     | | content div 2 | | 
     | |    | | 
     | |    | | 
     | ------------------ | 
     ---------------------- 

而是我得到如下：

-------- 
| menu | 
| div | 
|  | 
|  | 
|  | 
-------- 
--------------------------------- 
| content holder div   | 
| ----------- ----------------- | 
| | content | | content div 2 | | 
| | div 1 | |    | | 
| |   | |    | | 
| ----------- ----------------- | 
--------------------------------| 

這是非常混亂的，當菜單DIV高度足以隱藏任何內容都被加載了。另外，保持菜單div寬度不變只會被視爲確定的最後手段。但是div可以製作成浮動而不是內嵌塊，如果這樣做會有所幫助的話。

有沒有人知道一個簡單的方法來保持佈局如圖。 2？我已經測試過，如果其他內容div看不見，那麼當內容div適合圖2時，這仍然會發生。

編輯：

http://jsfiddle.net/pzHhL/1/

Answer 1

容易和簡單的附加max-width你格「內容所有者格」，我可以給你的電話號碼，但你沒有給一個的jsfiddle。

Answer 2

他們切換到花車將有助於保持佈局你正在尋找

http://jsfiddle.net/duncan/pXdDy/

給內部內容的div，直到內容得到

min-width:48%; 
margin:1%; 
float:left; 

會坐在他們彼此的旁邊足夠寬以將它們推下來