2012-02-13 79 views
0

请参考:http://jsfiddle.net/k8c7w/如何获得内部div来溢出父项?

我试图让中间灰色带(一个说“你好世界!”)在整个屏幕上伸展。但是,请注意,main有一个非常明确的宽度。

任何人都知道我可以解决这个问题吗?主div的宽度需要在所有页面上保持标准,所以我根本不想摆弄它,而其他2个乐队(红色乐队)需要保持与现在一样的大小。

感谢StackOverflow! 林戈

+0

你可以在主div外面有'hello world'并且使用绝对位置将它放在正确的位置 – Ibu 2012-02-13 20:14:49

+0

主溢出是否必须设置为auto并且你知道band div的高度吗? – j08691 2012-02-13 20:16:54

+0

然后我必须找出屏幕左侧的偏移量(这是动态的)。我认为不可行。 – 2012-02-13 20:24:12

回答

0

如果你想要从外层div删除滚动,然后从.main删除overflow属性设置一个宽度,中间的div ...

demo here

。 (如在上面的小提琴第二集)

禁止此方法,如果你不想指定中间div的宽度,你必须删除包含div并指定宽度为.one类而不是​​类。

+0

以及问题仍然是,现在有一堆空格左边的灰色条。不知道如何将灰色条移动到左侧! – 2012-02-13 21:44:05

+0

你没有提到你想让它突出到左边。我真的认为最好的构造是删除容器div的宽度,并简单地为'.one'类指定宽度。在这里看到:http://jsfiddle.net/NotInUse/k8c7w/3/这种方法也允许中间div扩展到全窗口宽度。 – Scott 2012-02-13 22:57:13