Html CSS：位置：固定；右边距

我可能做错了什么，但我想剪掉右边的照片

#background 
{
    width: 100%; 
    height: 100%; 
    position: fixed; 
    right: 20em; 
    left: 20em; 
    top: 0em;  
    z-index: -1; 
    margin-right: 20em;
}

背景是一张我想在右边剪掉的图片，20公分，所以我没有运气就尝试了右边距

但对于固定位置，我只能使用左或右和顶部。有人有聪明的解决办法吗

编辑：所以现在左边的边被切断了。我想把它的右边也剪掉

我已经将边距设置为左20 em，右20 em。这张白色透明图片应该只覆盖该区域

---

遗憾的是，我还需要我发布一张图片。

制作一个宽度合适的div，然后将图像放入其中，并将css应用于div：

div {
overflow: hidden;
}

尝试注释宽度和右参数。这可能会有帮助，但我不确定你是否想要这个

#background {
  /* widht: 100% */
  height: 100%; 
  position: fixed; 
  /* right: 20em; */
  left: 20em; 
  top: 0em;  
  z-index: -1; 
  margin-right: 20em;
}

拨弄

---

我去掉了宽度，只是在右边加了一个边距。这似乎有效！div的想法让我意识到我一直在做正确的事情。非常感谢@user2112605很高兴我能帮忙：

<div id="wrapper">   
    <img src="http://farm5.static.flickr.com/4017/4717107886_dcc1270a65_b.jpg" alt=""/>
</div>

div{
    max-width:750px;
}
img{
    width:80%;
    padding:1%;
    border:1px solid red;
    position: fixed; 
    right: 20em; 
    top: 0; 
}