消失水平滚动

时间:2017-03-28 23:36:09

标签: html css html5 css3

我的布局有问题。看起来屏幕上出现水平滚动,我不希望这样。我已经试图找到问题,但我看不到它。 你可以在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& CSS意味着这可能是一个愚蠢的问题。 谢谢,祝你好运!

1 个答案:

答案 0 :(得分:0)

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

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

codepen here