拉伸元素到填充流体母体的全宽度

时间:2012-05-28 02:19:55

标签: jquery html css padding fluid-layout

我无法解释这一点所以我做了一个图表。好极了!

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

我的父级宽度为95%,填充量为30px。此部分中99%的元素将始终在填充范围内100%冷却宽度。

BUT。我有一个备用用例,其中会在该部分的顶部弹出一个警告,需要在整个页面中拉伸整个方式。

我可以创建一个可以容纳大部分内容的内部容器,但是如果我可以制作成功横幅的非常混乱,那么宽度为100%+填充然后抵消它(我知道我可以定位:相对而言,那似乎是最好的解决方案。

1 个答案:

答案 0 :(得分:3)

而不是width: 100%,请尝试display: blockmargin: 0 -30px;示例:http://jsfiddle.net/tx6av/1/(抱歉错误的ID)