弹性/响应图像在当前容器外扩展

Question

我使用了这个（http://webdesignerwall.com/tutorials/css-elastic-videos）网站的一些代码，有一个很好的“弹性”视频容器，可以根据我的响应式设计进行调整。

我正在寻找类似但有图像的东西。因此，它会根据设计调整大小，保持比例并允许它在当前容器的边缘之外扩展一点。

我认为我需要将图像包装在div中并以某种方式定位，但如果有人做过与此类似的事情，我只需要一些建议。确切的尺寸/等并不重要，只是背后的过程。谢谢！

以下是我要完成的图片：http://i.stack.imgur.com/84KvA.gif

Answer 1

这样的事情怎么样：

img {
  max-width: 110%;
  margin: 0 -5%;
}

Answer 2

只是一个更新，我决定从内容中删除图像，我会添加假类来帮助解释我做了什么......

<div class='no-longer-padded-post-element'>

<img src="now-can-span-full-width.jpg" />

    <div class='content-with-padding'>
       title
       content
       meta
       etc.
    </div>

</div>