我无法解释这一点,因此我制作了一个图表。好极了!将填充流体母体拉伸至全宽度
我有具有95%的宽度和30像素的填充父。本节中99%的元素在填充范围内始终宽度为100%。
但是。我有一个备用用例,在该部分的顶部会弹出一个警报,需要在整个页面上展开整个页面。
我可以制作一个可以容纳大部分内容的内部容器,但是如果这些内容没有任何混乱的方式,我可以让该成功横幅的宽度为100%+填充然后抵消它(我知道我可以定位:相对的),那么这似乎是最好的解决方案。
我无法解释这一点,因此我制作了一个图表。好极了!将填充流体母体拉伸至全宽度
我有具有95%的宽度和30像素的填充父。本节中99%的元素在填充范围内始终宽度为100%。
但是。我有一个备用用例,在该部分的顶部会弹出一个警报,需要在整个页面上展开整个页面。
我可以制作一个可以容纳大部分内容的内部容器,但是如果这些内容没有任何混乱的方式,我可以让该成功横幅的宽度为100%+填充然后抵消它(我知道我可以定位:相对的),那么这似乎是最好的解决方案。
相反的width: 100%
,尝试display: block
和margin: 0 -30px;
例子:http://jsfiddle.net/tx6av/1/(抱歉坏的ID)
你的先生,是一个绅士和学者的答案。这工作。谢谢! –
您也可以使用负利润率左 –
是否'宽度:100%; margin-left:-30px'工作? –
这不是关注的定位,而是宽度。宽度100%只会在填充内扩展它。见:http://cl.ly/1O3E2t0c0r0p3P1a1A3Q –