包装不适合 100% 宽度

Question

我正在尝试让我的 onepager 工作。但遗憾的是我的 CSS 有错误。 如果我尝试将浏览器的宽度缩放到内容宽度以下，则会出现滚动条。当我使用滚动条并向右滚动时，我看到我的背景颜色没有调整到实际宽度。我不希望我的网站具有响应性或不想使用任何媒体查询。只是带有错误的基本内容；）

我截了个图来说明我的意思：

这是我的网站：Website

只是为了确保每个人都理解我的意思是滚动部分：

Answer 1

删除您的固定宽度属性，例如

style.css: 144
#header {
    height: 95px; 
    /* width: 1200px; */ //Use percentages and media query to control width
    margin: auto;
}

.section-wrapper {
    width: 1200px; //Here use media queries and better to use % instead of px
    padding: 50px;
    margin: auto;
}

section#one>.section-wrapper:after {
  content: url(img/leaf.png);
  /* height: 152px; */
  /* width: 331px; */
  display: block;
  /* position: absolute; */
  margin: -57px 0 0 700px; // Do not use margin 700px instead position it on right and add right padding or distance.
}

在 .section-wrapper 中将宽度设置为 100% 后，文本停止剪切

编辑#2：

通过移除内边距：50px；从#one部分和叶子部分的.section-wrapper我得到了这个结果