html - 其他2个div之间div的动态宽度？

Question

我的设计应该是:
左容器 200px
中间容器动态
右侧容器 200px

这意味着中间容器应该尽可能宽，特别是当用户调整浏览器大小时。
我知道我所描述的对于表格来说是完美的东西，左右 td 到 width=200 和 middle-td 没有宽度，中间的大小完全调整到屏幕的 scretch。
但由于某些原因，我必须在此处使用 Div 容器而不是表格。

那么如何做到这一点呢？

Answer 1

您可以对中间容器使用 calc() 方法，例如:

width: calc(100% - 400px);

示例 here .