你能创建一个div来流过其他人,如下图所示吗?

时间:2011-10-11 23:09:40

标签: html

黑色是下图中的浏览器窗口。 我想在右边完成图像 我有一个居中(蓝色)并具有固定宽度的div 我有一个内部(红色)的div

我希望红色div从屏幕的一侧延伸到另一侧,同时仍然对齐中心的所有其他部分。

我该怎么做? 我应该打破它3个div(首先固定和居中,第二个跨越所有宽度,第三个像第一个) enter image description here

2 个答案:

答案 0 :(得分:1)

如果您希望将红色div放在最上面,这是一个如何操作的示例。如果它落后于蓝色,那么先把它放在标记中,你就不需要第三个div:http://jsfiddle.net/mGnpr/2/

答案 1 :(得分:0)

嗯,你回答了自己的问题。我建议你打破3个div。看看HTML元素如何运作,很难对它们进行三维堆叠(并使其看起来很好:)。

在CSS文件中写两个类:一个具有固定宽度,第二个具有“100%”宽度。使用第一个类用于顶部和底部div,后一个类用于中间div。