在 CSS 中，盒模型是用来布局网页中的元素的一种方式。每个元素都被视为一个盒子，盒子由四个部分组成：内边距、边框、外边距以及盒子的内容。但有时候我们会发现，使用CSS样式给容器添加了边框，但是容器的大小并没有随之变化。这是为什么呢？

.container {
width: 200px;
height: 200px;
border: 1px solid black;
}

这是一个典型的例子。在添加了1像素的边框后，容器实际上变成了202*202像素，因为边框会增加到容器的宽度和高度中。但是，由于CSS的默认行为是不包含边框的，所以容器的大小还是200*200像素。

解决这个问题的方法有两种。首先，可以修改CSS，将容器的盒模型改为border-box，这样即使容器有边框，大小也会保持不变。

.container {
box-sizing: border-box;
width: 200px;
height: 200px;
border: 1px solid black;
}

第二种方法是直接在容器中添加内边距，使内容不受边框的影响。

.container {
width: 200px;
height: 200px;
border: 1px solid black;
padding: 10px;
}

这两种方法各有优劣，取决于你的具体需求。