两个div，一个固定宽度，另一个固定
我有两个div容器。
尽管一个需要为特定宽度，但我需要对其进行调整，以便另一个div占用其余空间。有什么办法可以做到吗？
.left {
float: left;
width: 83%;
display: table-cell;
vertical-align: middle;
min-height: 50px;
margin-right: 10px;
overflow: auto;
}
.right {
float: right;
width: 16%;
text-align: right;
display: table-cell;
vertical-align: middle;
min-height: 50px;
height: 100%;
overflow: auto;
}
<div class="left"></div>
<div class="right"></div> <!-- needs to be 250px -->
问题答案：
请参阅： http ： //jsfiddle.net/SpSjL/
（调整浏览器的宽度）
HTML：
<div class="right"></div>
<div class="left"></div>
CSS：
.left {
overflow: hidden;
min-height: 50px;
border: 2px dashed #f0f;
}
.right {
float: right;
width: 250px;
min-height: 50px;
margin-left: 10px;
border: 2px dashed #00f;
}
您也可以使用这样做display:table，这通常是一种更好的方法：如何将输入元素与其标签放在同一行？
-
问题内容： 我有两个div容器。 虽然其中一个需要为特定宽度，但我需要对其进行调整，以便另一个div占用其余空间。有什么办法可以做到吗？ 问题答案： HTML： CSS： 您也可以使用这样做，这通常是一种更好的方法：如何将输入元素与其标签放在同一行？
-
问题内容： 我在一个父对象下有两个div ，父div的宽度为100％： 条件是： 我要在同一行上两个div。 右div可能存在或可能不存在。当它存在时，我希望它始终固定在右侧。但是，左div必须具有弹性-其宽度取决于其内容。 我已经尝试过float：left和dispaly：inline-block，但是似乎都没有解决方案。 任何建议，将不胜感激。 问题答案： 如果您不关心IE7，我会使用@san
-
本文向大家介绍外层有一个自适应高度的div，里面有两个div，一个高度固定300px，另一个怎么填满剩余的高度？相关面试题，主要包含被问及外层有一个自适应高度的div，里面有两个div，一个高度固定300px，另一个怎么填满剩余的高度？时的应答技巧和注意事项，需要的朋友参考一下 可以设置外层自适应高度的容器为布局，利用属性即可实现自动填满剩余高度；代码如下： 在线demo
-
问题内容： 我正在尝试建立一个具有三列的flexbox布局，其中左列和右列具有固定的宽度，而中间列可以弯曲以填充可用空间。 尽管设置了列的尺寸，但它们似乎仍会随着窗口缩小而缩小。 有人知道如何做到这一点吗？ 我需要做的另一件事是基于用户交互隐藏右列，在这种情况下，左列仍将保持其固定宽度，而中间列将填充其余空间。 问题答案： 除了使用（这是使用flexbox时的建议）之外，您还可以使用以下方法： =
-
我有三个DIV，其中前两个必须被固定，第三个滚动。我是这样做的： null null 但必须修复的前两个div是在彼此之上的。我打算第二个div在第一个div之后，而不是在另一个之上。我知道如果你在css中设置top属性并用它手动调整，但是第一次和第二次俯冲并不总是相同的高度。它们可以有两条线，也可以有十条线。我如何动态区分这一点，以便第二个div出现在第一个之后，而不使用top属性？我试过bot
-
因此，我有一个JavaFX2.0应用程序，主窗口在启动时显示。我想做的是让用户按下一个按钮，然后在主窗口旁边弹出另一个窗口。 所以，我想在主舞台左侧“固定”一个未装饰的舞台。 我知道如何制作窗口，以及如何使其不被装饰，新窗口工作正常，我只想使其在移动窗口时相对于主窗口（或舞台，无论您喜欢称之为哪个）保持相同的位置。