如何使div填充剩余的水平空间？
我有2个div： 页面左侧有一个，右侧是一个。左侧的一个宽度固定，我希望右侧的一个填充剩余空间。
#search {
width: 160px;
height: 25px;
float: left;
background-color: #ffffff;
}
#navigation {
width: 780px;
float: left;
background-color: #A53030;
}
<div id="search">Text</div>
<div id="navigation">Navigation</div>
问题答案：
这似乎可以完成您想要的。
#left {
float:left;
width:180px;
background-color:#ff0000;
}
#right {
width: 100%;
background-color:#00FF00;
}
<div>
<div id="left">
left
</div>
<div id="right">
right
</div>
</div>
-
问题内容： 我在flexbox中并排有2个div。右手应始终具有相同的宽度，我希望左手仅抓住剩余空间。除非我专门设置宽度，否则它不会。 因此，现在将其设置为96％，直到您真正按下屏幕为止，它看起来还可以-右div有点饿了它所需的空间。 我想我可以保留原样，但感觉不对，就像必须要说的那样： 正确的人永远是相同的； 你在左边-你得到剩下的一切 问题答案： 使用该属性可以使弹性项目消耗 主轴上的 可用空
-
问题内容： 如何使div填充剩余宽度？ 我如何才能填满其余部分？ 问题答案： 试试这样的事情： div自然会占用其容器的100％宽度，因此无需显式设置此宽度。通过添加与两侧div相同的左/右页边距，它自己的内容被强制置于它们之间。 请注意，“中间格”云 后 的HTML“正确的div”
-
问题内容： 我正在一个Web应用程序上工作，我希望其中的内容能填满整个屏幕的高度。 该页面具有标题，其中包含徽标和帐户信息。这可以是任意高度。我希望内容div将页面的其余部分填充到底部。 我有一个标题和一个内容。目前，我正在使用表格进行布局，如下所示： CSS和HTML 页面的整个高度已填满，不需要滚动。 对于content div中的任何内容，设置将其放在标题的正下方。有时，内容将是一个实际表，
-
我有一个<代码> 窄的标题行 我想占用div剩余部分的图像。 如何使用纯CSS（无Javascript）实现这一点？我一直在尝试很多事情，运气不好。 这是我能得到的最接近的；图像偷偷溜出了的绿色边框 下面是我尝试使用，但失败了。
-
我有一个基本的flexbox布局，如下所示。。 我试图使顶部的div填充剩余的空间，底部的div是动态的，因此高度根据文本的不同而变化。我的结果是这样的。。 在这种情况下，flexbox是最好的选择吗？
-
问题内容： 我想要一个两列的div布局，其中每个可以具有可变的宽度，例如 我希望’view’div扩展到’tree’div填充所需空间后可用的整个宽度。 目前，我的“视图” div已调整为包含它的内容的大小，如果两个div都占据整个高度，那也会很好。 问题答案： 这个问题的解决其实很容易，但不是在 所有 明显。您必须触发一种称为“块格式设置上下文”（BFC）的东西，它以特定的方式与浮点数交互。 只