html - Div 设置为一个方向填充，固定一侧？

Question

我正在这个界面中创建应用程序，其中包括可以调整大小的 div。我将这个(客户)设置为通过设置默认高度和宽度以内容的大小打开。右侧的表从查询中提取大量信息。在小菜单中左右滚动有点烦人。左侧很好，文本输入可以保持不变。我想要的是左侧(始终)保持不变，右侧的左侧始终齐平。

基本上，我希望右侧的 div 元素(在容器 div 内，在下图中用红色标记)向右扩展以动态填充框。我已经尝试并找到了一些简陋的方法，这些方法让一切都保持正常有点时髦。

那么，社区，保持此 div 的左侧与固定的左半部分对齐，同时使右侧可调整以仅填充右侧的最佳方法是什么？

Here is a link to the image

Answer 1

我想通了。诀窍是将 2 个较大的 div 设置为 display:table-cell 并将左边的设置为固定宽度。右边的保持对齐并填充容器。然后，您可以在保持适当大小的表格单元格 div 中创建 div。

#thisland {
    display: table;
    width: 100%;
    height:100%;
    min-height:800px;
    min-width: 800px;
    position: absolute;
}
#westsyde, #eastsyde {
    display: table-cell;
}
#westsyde {
    border:1px solid black;
    width: 350px;
    position: relative;
    height:100%;
}
#eastsyde {
    border:1px solid white;
    position: relative;
    height:100%;
}

HTML 会这样，所以 #eastsyde 填充到 #thisland 的右侧

<div id="thisland>
   <div id="westsyde"></div>
   <div id="eastsyde"></div>
</div>