我有什么：
我的宽度为200px X 200px的div
其中的图像尺寸为400px×400像素。
我想做什么：
我想只在div中显示图像的一部分
是否可以只使用css。如果不是？那么其他方式是什么？
（注意：我不想将图像设置为div的背景）
到目前为止我做了什么：
小提琴：http://jsfiddle.net/5Hbr3/1/
<div id="sample">
<img src="image.jpg" />
</div>
我想显示100,100到300,300的图像
和滚动条应该消失。
任何帮助将不胜感激。
由于
答案 0 :(得分：8)
在父元素上使用position: relative，在子图像上使用position: absolute。
要使滚动条消失，请使用overflow: hidden（如JSFiddle中所示）
答案 1 :(得分：6)
以下是解决问题的方法：
#sample{
background: url(image-data.jpg);
background-position: -100px -100px;
width: 200px;
height: 200px;
}
此方法允许您使用一个元素而不是两个元素来实现相同的结果，并且也是cross-browser compatible。我推荐这种方法，而不是将图像绝对定位在容器div中。