请教一个 css 问题，如图，如何让图片超出 div 宽度占满屏幕？

[tanteng]

如图，请教一下如何调整图片的 css ，让图片宽度占满屏幕，也就是宽度覆盖红色框子部分，超出他的外层的 div ？

网页链接地址是： http://www.tanteng.me/travel/leisure-travel-in-macao

现在是用的 bootstrap 自适应手机屏幕，希望在手机上看的时候图片宽度占满屏幕的效果，谢谢！！

已经解决了

加了一个css

@media screen and (max-width: 768px){
    .img-width{
        margin: auto -15px;
    }
}

js：

<script type="text/javascript">
    $image = $(".post-content img");
    $image.parent('p').addClass('img-width');
    $image.addClass('img-responsive center-block');
</script>

因为是Markdown转换的hmtl格式，所以用js加上去。