在我正在工作的网站上，我想要一些元素background来填充浏览器的整个宽度，但是我也希望max-width元素上有一个。
我可以做到，但是我觉得可能比现在做的更好。
这是一个带有原始示例的小提琴：http : //jsfiddle.net/5KJf5/
就像您在小提琴中所做的那样，max_w仅在该类中放上max-width元素。如果我把max-width在.row类，在max-width该background-color停止。
所以，我的问题是这样的：
除了创建一个特殊的类来做到这一点，还有一种更好的方法来使元素background-color跨越整个屏幕，同时仍然能够维护max-width？
提前致谢。
我认为没有直接方法可以将背景扩展到元素的实际区域之外。为了实现您真正想要padding的calc()功能，我们可以在函数的帮助下使用relative ，还必须将设置为box-sizing，border-box以便容器的大小包括边框（默认情况下不包括内容）：
.row {
...
padding: 10px calc((100% - 300px)/2);
box-sizing:border-box;
}
现在您不需要包装器了max_w，这是小提琴演示
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句