我目前正在开发一个响应式网站，并在该网站的一定数量的“列”（div 大小）内有一个特定的图像。此图像大于 div 本身的大小，因此流过边缘（使用 html 而不是 CSS 背景图像）。当我使用 CSS background-image 方法时，图像被截断以适合 div 并且溢出：可见并不能修复它（从我读过的内容来看，你不能让背景图像溢出它自己的 div）。
所以我希望这张图片溢出它的 div，但也让图片被裁剪到浏览器窗口的边缘，否则当你为较小的屏幕设备调整浏览器窗口的大小时，我在网站的一侧有一个很大的空白栏，比如所以：
http://i.imgur.com/74NEmDF.jpg
是否有任何已知的方法可以解决这个问题，或者是否需要使用 Javascript 来修复它（我对 JavaScript 知之甚少，所以我自己无法弄清楚）。提前致谢。
编辑：仍然没有运气，到处搜索。希望有任何帮助，谢谢大家。
编辑2：想通了！是添加溢出的一个非常简单的修复：隐藏到我的英雄单元（包含 div 的大）。我觉得很愚蠢，我花了很长时间才弄清楚这么简单的解决方法。