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

Question

所以我回到了我的网站，但是这次又出现了一个新问题...现在，我正在与我的网站一起放置内容，因为我的布局只是为了意识到没有多余的侧面滚动条。我真的不知道是什么原因造成的，这简直令人沮丧。我试图回溯我的脚步，但找不到。注意...任何说出bar的内容都只是进度条。 https://glitch.com/~triangular-trouservar 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 {

  margin-left: 0; 

  margin-right:0;

}

您可以创建类似Bootstrap 4的类：

.mx-0 {

  margin-left: 0; 

  margin-right:0;

}