无法显示大型树结构

在JSP页面上，我们使用嵌套的div显示了一个类似树的结构树。每个div的宽度在运行时计算。在运行时只给出“div1”的宽度，其他div的宽度在运行时用这个来计算。在这里，我已经将它设置为200px。无法显示大型树结构

<div id="div1" style="background-color:#EEEEEE;height:200px;width:200px;float:left;overflow:auto"> 
    <div id="div2" style="background-color:yellow;height:200px;width:190px;"> 
     <div id="div3" style="background-color:blue;height:180px;width:180px;"></div> 
     <div id="div4" style="background-color:red;height:180px;width:50px;"></div> 
    </div> 
</div>

现在问题是“div4”没有被附加在“div3”的右边。它被放置在下一行。由于那个树结构正在受到干扰。如果我增加“div2”的宽度，那么它被放置在右边，然后水平滚动条即将到达所有不需要的情况。我注意到了div的行为，它垂直放置文本而不是水平放置。任何想法如何使它工作？

来源

2013-02-28 Infotechie

这是你在想什么？我创建了一个jsfiddle：http://jsfiddle.net/r6sPY/

只要div2的宽度小于div3和div4的总和，div4就不会附加到div3的右边。但是再次，我不确定这是否是你想到的。

<div id="div1" style="background-color:#EEEEEE;height:200px;width:200px;float:left;overflow:auto"> 
<div id="div2" style="background-color:yellow;height:200px;width:190px;"> 
    <div id="div3" style="background-color:blue;height:180px;width:130px;float:left;"></div> 
    <div id="div4" style="background-color:red;height:180px;width:50px;float:left;"></div> 
</div> 
</div>

来源

2013-02-28 09:46:00

是的我想要这个确切的..是否没有办法做到这一点？ – Infotechie 2013-02-28 10:14:41

如果这就是你想要你使用我已经输入在这个答案编辑的代码。请注意，我的代码中div3的宽度已更改，并且我还向左侧的div3和div4添加了左侧的浮动宽度 – 2013-02-28 11:00:32

无法显示大型树结构

回答

相关问题