有很多关于并排 div 的问题。我没有错过那些。但我需要跨越整个屏幕宽度的东西。情况是这样的：
我需要三个并排放置的 div。我们称之为左、中、右 div。中间 div 包含站点的标题内容，并且是固定宽度（800 像素）。我希望左右 div 跨越屏幕宽度的其余部分。所以..
|中 |
我想这样做的原因是因为中间（内容持有）div 有一个渐变的背景。假设渐变的左侧是白色，右侧是黑色。我需要左 div 是白色的，所以它是一个延续，右 div 是黑色。这样，它看起来就像一个横跨整个屏幕宽度的流体标题。
谢谢。
【问题讨论】：
我曾经实现的这个问题的一个解决方案是使用 2 个绝对定位的 div 元素，中心 div 作为覆盖。我在这里有一个工作示例：
这样，屏幕的宽度无关紧要：div 的跨度为屏幕的 50%，中间部分位于居中的 div 后面。
请注意，您可能必须使用 javascript 解决方法来解决高度问题。
【讨论】：
您想要左侧 div 还是右侧 div 中的内容？如果没有，只需坚持你的一个中心 div，给它一个宽度并在你的 css 中使用margin: 0 auto; 定位它。然后，您可以使用半白半黑的图像（例如 1 像素 x 2400 像素）设置 body 标签的背景图像。
如果你想在你的标题后面产生这种效果，那么你可以创建一个与标题高度相同的 div 并为其赋予以下 css 属性：
position: absolute;
width: 100%;
z-index: -1;
这样它应该位于您的容器（中间）div 后面。
【讨论】：
您应该考虑只使用一个居中的 div 并在 body 上放置一个 1px 高度和足够大宽度且居中的背景图像。该图像的左半边为白色，右半边为黑色。
希望这会有所帮助，阿林
...WWWWW| DIV |BBBBB...
【讨论】：
无论如何，我认为不使用桌子是不可能的。 通常浮动 div 是固定大小的，而中心 div 是流动的。
【讨论】：