Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 将垂直较大的图像保存在较小的、大小定义的div中,而不会溢出_Html_Css - Fatal编程技术网

Html 将垂直较大的图像保存在较小的、大小定义的div中,而不会溢出

Html 将垂直较大的图像保存在较小的、大小定义的div中,而不会溢出,html,css,Html,Css,如果我有一个高度为482像素的IMG,但我只希望第一个/前200个像素(不调整图像大小)出现在div中,我将如何实现这一点?现在所有482个像素都显示出来了,它悬在div标签上 .slideshow{宽度:1080px;高度:200px;边距:auto} 您需要添加溢出规则 .slideshow { width: 1080px; height: 200px; margin: auto overflow: hidden; } 这将隐藏任何不适合容器的内容

如果我有一个高度为482像素的IMG,但我只希望第一个/前200个像素(不调整图像大小)出现在div中,我将如何实现这一点?现在所有482个像素都显示出来了,它悬在div标签上

.slideshow{宽度:1080px;高度:200px;边距:auto}

您需要添加溢出规则

.slideshow { width: 1080px; height: 200px; margin: auto
    overflow: hidden;
}
这将隐藏任何不适合容器的内容