裁剪对于 div 来说太大的图像(或其他对象)

Crop an image (or other objects) too large for a div

我的页眉中有一张图片,当它的 DIV 比图片本身窄时,我想裁剪它。

这是我缩小浏览器window时的页面:出现一个滑块,你可以看到灰色的主体

这是我希望发生的事情:div 被截断,如果不缩放 window 就看不到图像的其余部分。

如果这是 div 的 属性,而不是图像,那将是理想的,这样无论其他对象放在 div 中,都具有相同的行为方式。

我很想 post 更深入地说明问题,但我失去了以前的帐户,而且我没有 post links/images.

我已经尝试过 overflow: hidden 但它对单个对象没有任何作用(尽管它隐藏了其他对象)。

编辑:好的,这就是我的错误所在:我输入了 overflow: "hide" 而不是 "hidden",现在它完美地工作了。感谢您的回答!

设置

overflow:hidden; 

在您的容器中 DIV

在父元素上使用像这样隐藏的溢出(我猜你的情况是.slider)

.parent{    
overflow-x:hidden
}