Question

关于并排的div有很多问题。我没有错过那些。但我需要一些跨越整个屏幕宽度的东西。情况就是这样：

我需要并排放置三个div。我们称之为左，中，右div。中间div保存站点的标题内容，并且是固定宽度（800px）。我希望左右div跨越两侧的屏幕宽度的其余部分。所以..

＆LT; -LEFT-＆GT; | MIDDLE | ＆lt; - RIGHT - ＆gt;

我想这样做的原因是因为中间（内容持有）div有一个渐变的背景。假设渐变的左侧是白色，右侧是黑色。我需要左边的div是白色的所以它是一个延续而右边的div是黑色的。这样，它看起来就像横跨整个屏幕宽度的流体标题。

感谢。

Answer 1

我曾经实现的这个问题的解决方案是使用2个div元素，绝对定位，中心div作为叠加。我在这里有一个有效的例子：

这样，屏幕的宽度无关紧要：div的跨度为屏幕的50％，中间部分位于居中的div后面。

请注意，您可能必须使用javascript解决方法来解决高度问题。

Answer 2

您想要左侧还是右侧div中的内容？如果没有，只需坚持你的一个中心div，给它一个宽度，并在你的CSS中使用margin: 0 auto;定位它。然后，您可以使用半白和半黑的图像（比如1px乘2400px）设置body标签的背景图像。

如果你希望在你的标题后面有效果，那么你可以创建一个与标题高度相同的div，并为它提供以下css属性：

position: absolute;
width: 100%;
z-index: -1;

这样它应该位于你的容器（中间）div后面。

Answer 3

你应该考虑只有一个居中的div，并在身体上放置1px高度和足够大的宽度并居中的背景图像。该图像的左半部分为白色，右侧的图像为黑色。

希望这有帮助，Alin

...WWWWW| DIV |BBBBB...

Answer 4

无论如何，如果不使用桌子，我认为不可能。通常浮动div的大小是固定的，中心div是流动的。