CSS-弹性布局，1个流体+1个固定柱，居中对齐

Question

这个CSS挑战真的让我很困惑。。。

• 具有弹性布局（即容器最大宽度：1200px最小宽度：960px）
• 使容器居中对齐
• 其中左列是流体的并且在弹性约束中膨胀到可能的最高宽度
• 右列固定为200px

有人能启发我吗？

Answer 1

主要部分是保持左柱保持流动，而右柱不保持流动。

左列应该有一个包装器，该包装器的右边空白应该是200px；左列的宽度应为100%；

右边的列应该向右浮动，具有绝对位置，宽度为200px。