填充居中流体最大宽度 div 左侧的空间答案

【问题标题】：Fill space left of a centered fluid max-width div填充居中流体最大宽度 div 左侧的空间
【发布时间】：2013-04-07 11:24:36
【问题描述】：

我有一个居中的 div，宽度是流动的，由一个最大宽度限制：

#content {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 760px;
    width: 80%;
}

由于 max-width 属性，我无法填充左右两侧的空间。即使内容 div 受到最大宽度的限制，我如何也可以使左右两侧的流体 div 填充空白空间？最好采用纯 CSS 方式。

【问题讨论】：

你想用什么来填补空白？如果您只想在空白处添加背景颜色，您可以将此 div 嵌套在另一个占宽度 100% 的 div 中，并用您的背景颜色填充该 div。否则，请告诉我们您到底想做什么。
我将在空间的每一侧填充一个 div，每个 div 都有更多内容。
max-width: 760px 和 width: 80% 会冲突。你想通过这个实现什么？
我希望所有 3 个 div 都能随窗口流畅地调整大小，但我不希望中间的 div 变得太大。
3 个 div 中的每一个的宽度可以有多小？

【解决方案1】：

将min-width 与 80% 一起使用？也可以使用box-sizing 来确保百分比值按其真实值处理。

这里有潜在的解决方案http://jsfiddle.net/vSRgS/1

【讨论】：