CSS绝对位置剪裁图像

Question

我在相对容器中有一个绝对定位的图像。我想使用负边距，但它正在削减我的图像。

这是我的HTML代码：

<div id="container" class="clearfix">
  <div class="left-col">
     /*CONTENT*/
  </div><!-- /.left-col -->
    <div id="my-image"><img src="images.png" height="596" width="392" alt=""></div><!-- /#image -->
</div><!-- /#container -->

这是我的CSS：

#container{
position: relative;
background-color: orange;
    width:600px;
    height:600px;
}

#my-image{
background-color: blue;
position: absolute;
z-index: 1150;
bottom:0;
right:-130px;
width:398px;
height:596px;
}

结果如下：

负底部有效，但负面左右无效。我简化了代码并为通用名称添加了通用名称。

感谢您的投入！