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

时间:2011-06-01 00:35:13

标签: css fixed fluid elasticlayout

这个CSS挑战让我很困惑。这就是我要做的......

  • 有弹性布局(即容器最大宽度:1200px最小宽度:960px)
  • 让容器居中对齐。
  • 其中左列是流体并且在弹性约束中扩展到可能的最大宽度。
  • 并且右列固定为200px

任何人都可以启发我吗?

1 个答案:

答案 0 :(得分:3)

主要部分是保持左栏保持流畅而右边不保持流畅。

左栏应该有一个包装器,该包装器的边距应该是200px;左列应为100%宽度;

右列应向右浮动,具有绝对定位并具有200px的宽度。