即使使用*选择器和！重要的边距也不删除

Question

我正在构建一个使用以下模板作为基础的网站：https://github.com/issaafalkattan/React-Landing-Page-Template

我在几个章节中删除边距时遇到了一个问题。例如(使用Chrome的developer-tools)，我想删除画廊部分中的“橙色”区域：

​

​

在我的故障排除过程中，我添加了

* {
    margin:0 !important;
    padding:0 !important;  
}

让style.css和bootstrap.css“强迫”边距消失，这样我以后才能找到真正的罪魁祸首，但这只会把左边的边距移到右边：

​

正因为如此，我假设React正在覆盖我的CSS；是否有一种方法可以“忽略”React设置某些组件的边距？如果这是一个愚蠢的问题，我是第一次做出这样的道歉，但我似乎找不到解决我的具体问题的办法。

谢谢!

Answer 1

按照Nick的建议，将width: 100vw;添加到容器中，解决了我的问题。