gpt4 book ai didi

javascript - 如何使网格内的 div 延伸到网格之外?

转载 作者:太空宇宙 更新时间:2023-11-04 00:37:57 25 4
gpt4 key购买 nike

我有一个容器,有一个 12 列的网格,网格系统左右各有 30 像素的边距

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

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

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

最佳答案

使用负边距:

例如:

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

不要设置宽度

关于javascript - 如何使网格内的 div 延伸到网格之外?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58971606/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com