我不能很好地解释这个,所以我做了一个图表。耶!
我有一个宽度为 95% 且填充为 30px 的父级。此部分内 99% 的元素将始终为 100% 宽度,在填充范围内冷却。
但。我有一个替代用例,其中将在该部分的顶部弹出一个警报,这需要在整个页面上延伸整个方式。
我可以制作一个可以容纳大部分内容的内部容器,但如果没有什么乱七八糟的方法可以让成功横幅的宽度为 100% + 填充然后偏移它(我知道我可以定位:相对) ,那么这似乎是最好的解决方案。
我不能很好地解释这个,所以我做了一个图表。耶!
我有一个宽度为 95% 且填充为 30px 的父级。此部分内 99% 的元素将始终为 100% 宽度,在填充范围内冷却。
但。我有一个替代用例,其中将在该部分的顶部弹出一个警报,这需要在整个页面上延伸整个方式。
我可以制作一个可以容纳大部分内容的内部容器,但如果没有什么乱七八糟的方法可以让成功横幅的宽度为 100% + 填充然后偏移它(我知道我可以定位:相对) ,那么这似乎是最好的解决方案。
而不是width: 100%
,尝试display: block
和margin: 0 -30px;
示例: http: //jsfiddle.net/tx6av/1/(对错误的 ID 感到抱歉)