1

我想使用 div 进行以下布局：

+----------------------+---------------+
|                      |               |
|                      |               |
|                      |   rightDiv    |
|                      |               |
+**********************+***************+
|             bottomDIV|               |
+**************************************+

2个DIV（rightDiv和bottomDiv）放入一个DIV容器（containerDiv）。第一个漂浮在右侧，第二个站在底部。containerDiv 的高度不能固定：它应该与 rightDiv div 的高度相同，可以随着内部数据的变化而改变。

我写了代码：

<div id="ContainerDiv" style="position:relative; border: 1px black solid;width:300px">
    <div id="rightDiv" style="border: 1px solid #CCCCCC; float:right;">
        XXXXXXXX<br/>
        XXXXXXXX<br/>
        XXXXXXXX<br/>
        XXXXXXXX<br/>
    </div>


    <div style="clear: both;"></div>

    <div id="BottomDiv" style="border: 1px solid blue; position:absolute; bottom:0px; width:100%; text-align:center; ">
        BOTTOM
    </div>
</div>

如果我删除 containerDiv 中的“width:300px”属性，在 Chrome 中我仍然有相同的结果，但在 IE8 中，“BottomDiv”走出“containerDiv”并位于页面底部，远离其余部分组成。
为什么我需要输入宽度值？谢谢您的帮助。

4

0 回答 0