CSS-中心对齐的3列布局，具有固定宽度的L＆R列，流体中心

Question

我在包装器中有3列布局。 左右列的宽度固定为：180px。 中间的列在640px和960px之间浮动。 我正在使用calc方法来计算其宽度：

width: calc(100% - 360px);
max-width: 960px;
min-width: 640px;

但是我不知道的是包装器的CSS。 如何获得整个3列的布局以使其自身在浏览器的中心对齐？

Answer 1

您可以这样操作：

#wrapper {
  margin:auto;
  max-width:1320px; /*960 + 360*/;
  min-width:1000px; /*640 + 360*/;
}

查看此演示http://jsfiddle.net/VTX4q/10/

_{我更改了尺寸以实现更好的可视化效果，但这是您可以根据自己的价值观进行操作的基础}

---