Div设置为向一个方向填充，并具有一个固定面？

Question

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

基本上，我希望右侧的div元素（在容器div中，在下图中用红色标记）可以向右扩展以动态填充该框。我已经尝试过，发现了一些变态的方法，使所有东西保持适当的时髦。

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

Here is a link to the image

Answer 1

我知道了。诀窍是将2个较大的div设置为display:table-cell，并将左侧的div设置为固定宽度。右边的一个保持对齐并填充容器。然后，您可以在表格单元格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>