如何在网格之外的网格中使div延伸？

我有一个容器，其网格系统的左侧和右侧具有12列网格和30px的边距

这是768像素处网格布局的变化，请参见占据8列的蓝色div现在如何延伸到8列之外，并覆盖了边距。

我需要有关如何执行此操作的帮助吗？我无法将蓝色div从网格中删除。

我曾尝试将blue div的宽度设置为100vw，左边缘的宽度设置为-30px，但可以，但是在开发工具的不同条件下，我遇到了奇怪的问题，但是我还是想避免使用vw。请帮帮我。

使用负边距：

例如：

margin-left: -30px;
margin-right: -30px;


请勿设置宽度

对您的父级上课使用负边距。此边距应与装订线空间相同。就像下面的代码片段一样。

我将避免使用负边距，因为它们会产生新的问题。

我宁愿使用绝对定位。

.child-div {
position:absolute;
left:0;
right:0;
}