如何修复不需要的侧面滚动条？

Question

所以我回到了我的网站，但是这次又出现了一个新问题...现在，我正在与我的网站一起放置内容，因为我的布局只是为了意识到没有多余的侧面滚动条。我真的不知道是什么原因造成的，这简直令人沮丧。

我试图回溯我的脚步，但找不到。

注意...任何说出bar的内容都只是进度条。 https://glitch.com/~triangular-trouser

var move1 = function() {}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');

@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');

@keyframes fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@keyframes fadeInUp {

  0% {

    opacity: 0;

    transform: translate3d(0, 100%, 0);

  }

  100% {

    opacity: 1;

    transform: none;

  }

}

@keyframes fadeInRight {

  0% {

    opacity: 0;

    transform: translate3d(100%, 0, 0);

  }

  100% {

    opacity: 1;

    transform: none;

  }

}

.m-scene {

.scene_element {

    animation-duration: .5s;

    transition-timing-function: ease-in;

    animation-fill-mode: both;

  }

  .scene_element--fadein {

    animation-name: fadeIn;

  }

  .scene_element--fadeinup {

    animation-name: fadeInUp;

  }

  .scene_element--fadeinright {

    animation-name: fadeInRight;

  }

  

  &.is-exiting {

      .scene_element {

        animation-direction: alternate-reverse;

      }

  }

}

* {

  box-sizing: border-box;

}

body {

  font-family: "Times New Roman", Times, serif;

  padding: 0px;

  background: #ffffff;

}

.header {

  padding: 20px;

  text-align: left;

  color: #565656;

}

.header h1 {

  font-size: 50px;

  text-align: right;

  color: #565656

}

.header p {

  color: #565656

}

.fullcolumn {   

  float: left;

  width: 100%;

  font-family: "Times New Roman", Times, serif;

  background-color: #d7cec7;

}

Answer 1

双方都有额外的负边距div：<div class="row m-page scene_element scene_element--fadeinup">margins从row类中删除两个说的似乎可以解决问题：.row {&nbsp; margin-left: 0;&nbsp;&nbsp; margin-right:0;}您可以创建类似Bootstrap 4的类：.mx-0 {&nbsp; margin-left: 0;&nbsp;&nbsp; margin-right:0;}