Question

在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的行为，它将文本垂直放置而不是水平放置。任何想法我怎么能让它工作？

Answer 1

这是你的想法吗？我创建了一个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>

无法使用div显示大型树结构

1 个答案: