我在Bootstrap 5中有这样一个示例，其中我在嵌套在外部行中的列中嵌套了一行，其中内部行的填充为5，列的填充为1。为了清晰起见，我添加了颜色和边框。

<代码><；DIV类="；第P-5行"；style="；background-color：#0f4c99；边框：3px纯黑"；>；<；DIV类="；COL-12 P-1"；style="；background-color：#e6005f；边框：3px纯黑"；>；<；DIV类="；第P-5行"；style="；background-color：#e6b625；边框：3px纯黑"；>；<；/DIV>；<；/DIV>；<；/DIV>；

您可以从图像中清楚地看到，内部行溢出到侧面的外部行中，因为它覆盖了其父列，但它没有在顶部或下面溢出。

我的问题是为什么会发生这种情况，我能做些什么来解决它？

顺晟科技：

我的问题是为什么会发生这种

因为<div class="row p-5" style="background-color: #0F4C99; border: 3px solid black"> <div class="col-12 p-1" style="background-color: #E6005F; border: 3px solid black"> <div class="row p-5" style="background-color: #E6B625; border: 3px solid black"> </div> </div> </div> 应用了负数.row和margin-left，表示整个宽度上的一列），然后设置列元素的样式。