css - 如何让div把剩下的地方全部填满?

标签 css

这是我的要求:

enter image description here

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

在我的 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样式需要改变。

最佳答案

将此样式添加到您的 div:width: 100%; .

这将占据其父容器宽度的 100%。

对于以后的问题,请提供完整的代码。没有 <li> 会让人迷失方向的

关于css - 如何让div把剩下的地方全部填满?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45667050/

相关文章:

html - 为什么图像没有显示在我的 Rails 应用程序中?

javascript - 单击 div 向右和向上切换箭头

css - 控制Material-UI中菜单组件的宽度

javascript - CSS 过渡突然停止

html - 如何将样式属性以外的属性添加到 css?

css - selenium 2.0 中 css 和等效 xpath 之间的区别

html - CSS、HTML - 为什么在打印我的页面时会出现页面标题标签 (<html><head>&lt;title&gt;THIS CONTENT&lt;/title&gt;...) 的内容?

html - Bootstrap 下拉动画在 IE 和 Firefox 中不起作用

html - 如何在我的网页中嵌入 CodePen?

html - 将 &lt;style&gt; block 设置为禁用