剪切div的内容

Raf*_*fid 9 html css

我有一个大小为147x88的DIV,里面有一个宽度相同的图像,但高度可能更大.在这种情况下,图像超出了DIV的边界.无论如何剪辑图像,请记住我希望我的页面在不支持CSS3(IE7和IE8)的旧浏览器中工作?

the*_*ise 11

只需隐藏div的溢出,包含的图像将被裁剪为div的尺寸.

div{width: 147px; height: 88px; overflow: hidden;}
Run Code Online (Sandbox Code Playgroud)


Pur*_*rag 5

overflow:hidden;在 div 上设置:

#yourDiv {
width:147px;
height:88px;
overflow:hidden;
}
Run Code Online (Sandbox Code Playgroud)

示例:http : //jsfiddle.net/purmou/sN5PL/