Html 如何避免css中背景图像溢出div?

Html 如何避免css中背景图像溢出div?,html,css,background,Html,Css,Background,我检查了类“imagen_apartado”div,我看到背景溢出了他们的容器div,我真的不希望发生这种情况。有人能解释一下这是怎么回事吗 section.apartado,section.apartado a{ 文字装饰:无; 颜色:白色; } section.apartado>div{ 边缘顶部:30px; 背景色:rgb(56,61,61); 边界半径:18px; 字号:0; 文本对齐:居中; 垂直对齐:中间对齐; 填充:17px 9px 25px 9px; } 第二节公寓区{ 显示:

我检查了类“imagen_apartado”div,我看到背景溢出了他们的容器div,我真的不希望发生这种情况。有人能解释一下这是怎么回事吗

section.apartado,section.apartado a{
文字装饰:无;
颜色:白色;
}
section.apartado>div{
边缘顶部:30px;
背景色:rgb(56,61,61);
边界半径:18px;
字号:0;
文本对齐:居中;
垂直对齐:中间对齐;
填充:17px 9px 25px 9px;
}
第二节公寓区{
显示:内联块;
字号:500;
字体大小:14px;
文本对齐:居中;
填充:0 8px;
}
第二节公寓公寓p区{
填充顶部:13px;
}
section.apartado文章#星球大战.imagen_apartado{
背景:url(https://drive.google.com/uc?id=1uatBqgNrXlpdBMwdgNitNVt0PU9g3nJ7)不重复;
背景尺寸:封面;
背景位置:中心;
显示:块;
宽度:278px;
高度:180像素;
}

电影下降
佩利库拉斯


是的,理查德说了什么

假设您的意思是溢出,即图像脱离div,并且没有完全显示:

图像将调整大小以覆盖整个容器。这可能会导致切割或拉伸图像,在您的情况下,我想是将其切断

如果要确保显示完整图像,可以执行以下操作

background-size: contain; 
这可以确保无论容器大小,完整图像都显示在容器内


您可以在此处阅读有关背景大小的更多信息:

如果您不希望图像从div溢出,请将其放入
标记中

我有多个图像显示在一个唯一的容器中(没有类的div),我只放一个来显示它们的行为,我尝试了你说的每一件事,但我不明白如何解决我的问题在你的示例片段中,我实际上看不到任何溢出的东西。我不太清楚你的意思,或者你的确切问题是什么。你能解释得更具体些吗?请看虚线,这是您在section.apartado div.Q中使用的8px填充。您能详细解释一下您想要实现的目标和错误吗?
background-size: contain;