嵌套的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; 

会坐在他们彼此的旁边足够宽以将它们推下来