Html 边框不填充/包围容器

Html 边框不填充/包围容器,html,css,Html,Css,我添加了以下代码: .sp-image-container { border-style: solid; border-color: #FFDA67; border-width: 3px; } 访问网站www.dennissoderkvist.dk 如您所见,有一个带边框的滑块。但边界并没有包围集装箱。我没有办法解决这个问题。我希望整个框架具有我在CSS中指定的边框颜色。尝试: .sp-image-container { border-style: sol

我添加了以下代码:

    .sp-image-container {
    border-style: solid; 
    border-color: #FFDA67;
    border-width: 3px;
}
访问网站www.dennissoderkvist.dk

如您所见,有一个带边框的滑块。但边界并没有包围集装箱。我没有办法解决这个问题。我希望整个框架具有我在CSS中指定的边框颜色。

尝试:

.sp-image-container {
  border-style: solid; 
  border-color: #FFDA67;
  border-width: 3px;
  box-sizing: border-box;
}


无论如何,带边框的
div
与其父
div
具有相同的维度,因此这就是为什么向子
div
添加边框会溢出的原因。

可能是
溢出:隐藏
?或者
框大小:边框框
?我尝试了溢出:隐藏,没有改变:(然后尝试其他选项;)成功了,非常感谢。如果系统允许,我会接受你的回答