javascript - 如何使网格内的 div 超出网格？

Question

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

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

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

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

标签： javascripthtmlcss

Answer 1

使用负边距：

例如：

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

不要设置宽度