我正在尝试实现水平渐变拉伸浏览器整个宽度的效果。目前，我的想法是有三个部分，一个在左边，它的背景颜色用 CSS 设置为第一种颜色。接下来是实际的渐变，这是一个使用 CSS 设置为背景的图像。这将是 1000 像素宽并充当内容区域，并以 magin:auto 位于页面中心。然后在右边是第三段，它与第一段基本相同，只是以第二种颜色作为背景。这样，左右部分会拉伸，而中间部分（实际上包含渐变）将保持不变。
这个理论在这里被形象地描述了。
我的问题是关于两个方面的。如前所述，中心图像是固定的 1000px，但我怎样才能让左右区域具有流体宽度（固定高度），但只有这样左边是从浏览器左侧到中心 div，并且从div的右侧到浏览器的右侧？
我希望我已经足够清楚地解释了这个问题，如果没有请说，我会尝试提供更多信息。
干杯