2012-05-28 53 views
0

我无法解释这一点,因此我制作了一个图表。好极了!将填充流体母体拉伸至全宽度

sweet diagram bro http://f.cl.ly/items/193A2f0g223419372W0q/Screen%20Shot%202012-05-27%20at%2010.02.46%20PM.png

我有具有95%的宽度和30像素的填充父。本节中99%的元素在填充范围内始终宽度为100%。

但是。我有一个备用用例,在该部分的顶部会弹出一个警报,需要在整个页面上展开整个页面。

我可以制作一个可以容纳大部分内容的内部容器,但是如果这些内容没有任何混乱的方式,我可以让该成功横幅的宽度为100%+填充然后抵消它(我知道我可以定位:相对的),那么这似乎是最好的解决方案。

+0

您也可以使用负利润率左 –

+0

是否'宽度:100%; margin-left:-30px'工作? –

+0

这不是关注的定位,而是宽度。宽度100%只会在填充内扩展它。见:http://cl.ly/1O3E2t0c0r0p3P1a1A3Q –

回答

3

相反的width: 100%,尝试display: blockmargin: 0 -30px;例子:http://jsfiddle.net/tx6av/1/(抱歉坏的ID)

+2

你的先生,是一个绅士和学者的答案。这工作。谢谢! –