全宽度CSS设置

桌面上的全幅css有些不对劲。您可以在下面的屏幕截图链接中看到容器是如何不填充左侧的

我正在使用： 宽度：100vw； 位置：相对位置； 左：50%； 右：50%； 左边距：-50vw； 保证金权利：-50vw

网站就在这里，或者你也可以在主页上看到这种情况

我该如何解决这个问题

---

谢谢大家!

并非每种屏幕大小都会出现这种情况。如果删除了填充规则，则媒体查询会与填充混乱

@media only screen and (min-width: 1023px)
.site-inner {
    margin: 20px auto 0;
    padding: 27px 37.5px;
}

应该是

 @media only screen and (min-width: 1023px)
    .site-inner {
        margin: 20px auto 0;
    }

---

您可以将其添加到CSS中

*{margin:0; padding:0;}


Then set the width of the container to 100%.

---

宽度：100vw；位置：相对位置；左：50%；右：50%；左边距：-50vw；保证金权利：-50vw是无用的。但重新设定车身边缘可能是有用的。块容器填充整个可用宽度。宽度：100%不是真的需要，宽度：100vw将是一个麻烦一旦滚动条出现…完美，谢谢！我添加了以下内容并解决了这个问题：）@media-only屏幕和（最小宽度：1023px）{.site-inner{padding:0；}}}真棒！我刚检查了你有问题的地方。请记住使用浏览器开发工具（chrome中的f12）调试此问题！您知道这会将该网页上所有元素的边距和填充设置为零吗？（包括所有浏览器默认设置，在页眉和段落的上/下页边距上划线）