html - wrapper 不适合 100% 宽度

Question

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

我截图来说明我的意思:

这是我的网站: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:

去掉padding: 50px;从 .section-wrapper 在#one section 和 leaf 部分我得到了这个结果