边框不会填充/包围容器

Question

我添加了以下代码：

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

访问网站www.dennissoderkvist.dk

如您所见，有一个带边框的滑块。但边界不包围容器。我没有选择如何解决这个问题。我希望整个框架具有我在CSS中指定的边框颜色。

Answer 1

尝试：

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

More info on box-sizing.

无论如何，带有边框的div与其父div具有相同的尺寸，因此为孩子div添加边框的原因正在蔓延。