如果我有一个环绕着div的图像,如何使它只显示图像的某一部分?

如果你的 <div id="#container"> 是绝对定位的,可以使用“剪辑”属性:

#container {
    /* top, right, bottom and left points of the rectangle */
    clip: rect(10px, 230px, 210px, 30px);
}

你可以多看看 in this article .

#container {
    width: 200px;
    height: 200px;
    overflow: hidden
}
#container img {
    margin: -10px 0 0 -30px
}

#container {
    padding-top  : 10px;
    padding-left : 30px;

}
#container img {
    width        : 200px;
    height       : 200px;
}

图像不会被拉伸:

#container img {
    max-width    : 200px;
    max-height   : 200px;
}