包装不适合100％宽度

Question

我正试图让我的一个人去工作。但遗憾的是我的css有bug。 如果我尝试将浏览器的宽度缩放到我的内容宽度以下，则会出现滚动条。当我使用滚动条并向右滚动时，我看到我的背景颜色没有调整到实际宽度。我不希望我的网站响应或不想使用任何媒体查询。只是带有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：

删除填充：50px;来自#one部分和叶部分的.section-wrapper我得到了这个结果