消失水平滚动

Question

我的布局有问题。看起来屏幕上出现水平滚动，我不希望这样。我已经试图找到问题，但我看不到它。 你可以在codepen中看到整个代码。 click to open codepen

.header{
   background:rgb(230, 94, 94);
   width:8vw;
   height:100%;
   position: fixed;
   left:0px;
   bottom:0px;
 }

也许问题是上面的代码，但我建议你输入codepen链接来查看所有CSS和html。 您应该将视图更改为编辑器视图。 我希望有人能找到问题，因为我看不到它，哇，我是HTML＆amp; CSS意味着这可能是一个愚蠢的问题。 谢谢，祝你好运！

Answer 1

如果你减少div main-content上设置的视口宽度，你可能得到你想要的东西。 示例将宽度设置为99vw;

.main-content{
    width:100vw;
    background:white;
    padding-left:8vw;
  width:99vw;
}

codepen here