Html 如何使图像尊重网页的限制？

我想用CSS做这个，但是javascript也可以

我有一个png图像，用作我放在背景图像上的菜单栏。图像的一部分超出了页面的右侧。我希望它只是从屏幕上剪掉，而不是在网页上乱画，在背景图像的右边出现一条白线

以防万一CSS：

position:absolute;
left:2%;
width:120%;
top:-220px;
height:700px;
z-index:6;

---

感谢您的帮助！谢谢大家!

可以将宽度设置为100%或更小

背景尺寸如何：封面

#abc {
    background: url(http://i.imgur.com/nvH8nI3.jpg) 50% 0 repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

---

将其宽度设置为100%？或者父元素溢出：隐藏？我们需要更多信息来回答：父元素的HTML和CSS。谢谢你！我不知道那个财产！