Css 根据子级大小展开父级div+；边缘

目前，我在div1中有div2，两者的大小相同。 我希望在div2中添加边框/边距，但不减少div2的大小，而是扩展div1的大小

你知道怎么做吗

---

外部容器不需要

宽度

和

高度

属性。在这种情况下，如果子元素（

.div2

）具有

边距，则外部容器（
.div1
）将展开。有关更好的理解，请参见代码示例：）


.div1{
边框：4px实心#111；
宽度：自动；/*删除宽度*/
高度：自动；/*删除高度*/
显示：内联块；/*使其更灵活*/
}
.第2分部{
宽度：100px；
高度：100px；
背景：青色；
}
.2.2.有边际利润{
利润率：20px；
}
外部容器不需要
宽度
和
高度
属性。在这种情况下，如果子元素（
.div2
）具有
边距，则外部容器（
.div1
）将展开。有关更好的理解，请参见代码示例：）


.div1{
边框：4px实心#111；
宽度：自动；/*删除宽度*/
高度：自动；/*删除高度*/
显示：内联块；/*使其更灵活*/
}
.第2分部{
宽度：100px；
高度：100px；
背景：青色；
}
.2.2.有边际利润{
利润率：20px；
}

外部div上没有宽度/高度，但显示：改为内联块。。。好的，谢谢！我将学习和研究这个内联块选项。外部div没有宽度/高度，而是显示：内联块。。。好的，谢谢！我将学习和研究这个内联块选项。非常感谢您的澄清！非常感谢您的澄清！