如何让div填满所有剩余的地方？

Question

这是我的要求：

如何让面板填满所有剩余的地方？

在我的HTML中：

<div style="height:48px; background-color:black; color:white;">
邓海波2
</div>
<div style="position:absolute; top:48px; bottom:0; left:0; width:200px;background-color:#333">
    <a class="menu" href="/app02/userinfo/">用户管理</a>
    <a class="menu" href="/app02/ugroup/">用户组管理</a>
</div>
<div id="div3" style="position:absolute; top:48px; left:200px;background-color:#eee">
...
</div>

这种div3风格需要改变。

Answer 1

将此样式添加到div：width: 100%;。

这将占用其父容器宽度的100％。

如有疑问，请提供完整的代码。如果没有<li>的

，就会迷失方向

Answer 2

在你的div3中添加这个

width:100%;
height:100%;

我在这里更改您的代码： https://jsfiddle.net/L63faL4a/2/