在编程中，如果你想要实现一个大的盒子（大盒）里面套着多个小盒子（小盒），你可以使用以下方法：
方法一：使用定位和负外边距
HTML结构
```html
```
CSS样式
```css
* {
margin: 0；
padding: 0；
}
.big {
position: relative；
width: 300px；
height: 300px；
margin: 100px auto；
box-sizing: border-box；
border: 2px solid blue；
}
.small {
position: absolute；
width: 100px；
height: 100px；
top: 50%；
left: 50%；
margin-top: -50px； /* 小盒子高的一半 */
margin-left: -50px； /* 小盒子宽的一半 */
box-sizing: border-box；
border: 2px solid red；
}
```
方法二：使用Flexbox布局
HTML结构
```html
```
CSS样式
```css
* {
margin: 0；
padding: 0；
}
.big {
display: flex；
justify-content: center；
align-items: center；
width: 300px；
height: 300px；
margin: 100px auto；
box-sizing: border-box；
border: 2px solid blue；
}
.small {
width: 100px；
height: 100px；
box-sizing: border-box；
border: 2px solid red；
}
```
方法三：使用Grid布局
HTML结构
```html
```
CSS样式
```css
* {
margin: 0；
padding: 0；
}
.big {
display: grid；
grid-template-columns: repeat（3, 1fr）；
grid-template-rows: repeat（3, 1fr）；
gap: 0；
width: 300px；
height: 300px；
margin: 100px auto；
box-sizing: border-box；
border: 2px solid blue；
}
.small {
width: 100px；
height: 100px；
box-sizing: border-box；
border: 2px solid red；
}
```
总结
以上三种方法都可以实现大盒子套小盒子的效果。你可以根据自己的需求和布局偏好选择合适的方法。定位方法适合需要精确控制子元素位置的情况，Flexbox和Grid布局则更适合需要自动排列和响应式设计的场景。