Html 我的页面右侧有一个奇怪的空白

我根据我的作业制作了我的页面，除了我做的某件事导致页面右侧出现额外的

15px

，尽管您必须水平滚动才能看到它。我不确定我做了什么导致了这一点，但我真的想得到一些帮助，找出它，以及如何修复它

我的代码：

正文{
保证金：0；
填充：0；
宽度：100%；
背景：url（“images/background.jpg”）无重复中心固定；
背景尺寸：封面；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景色：rgb（153、145、122）；
背景：-webkit线性梯度（左，浅绿色，中蓝色）；
背景：-o-线性梯度（右，浅绿色，中蓝色）；
背景：-莫兹线性梯度（右，浅绿色，中蓝色）；
背景：线性梯度（向右，浅绿色，中蓝色）；
字体：1em Verdana，无衬线；
}
标题{
位置：内联；
宽度：100%；
保证金：0自动；
边际上限：0；
填充：0；
高度：60px；
线高：40px；
背景色：黑色；
}
保险商实验室{
保证金：0自动；
右边距：5px
}
.图像放大{
保证金：0自动；
宽度：45%；
身高：45%；
}
.标志{
颜色：白色；
浮动：左；
边缘顶部：10px；
左边距：10px；
}
.导航{
浮动：对；
颜色：白色；
保证金：0；
边际上限：0；
}
李国荣{
显示：内联；
浮动：对；
填充：0 5px
}
.横幅{
背景：url（“images/background.jpg”）无重复中心；
背景尺寸：封面；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
高度：200px；
宽度：100%；
}
#包装纸{
保证金：5px；
宽度：100%；
}
巴顿霍尔德先生{
显示：块；
位置：绝对位置；
左：50%；
最高：80%；
转换：翻译（-50%，-50%）；
}
buttonHolderGallery先生{
显示：块；
位置：绝对位置；
左：50%；
最高：30%；
转换：翻译（-50%，-50%）；
}
#正文{
宽度：100%；
填充：0；
}
李{
列表样式类型：无；
浮动：对；
左边框：1px纯白；
}
李阿{
显示：块；
填充：8px；
背景色：黑色；
}
李娜：停下来{
背景颜色：灰色；
}
.画廊{}
页脚{
位置：固定；
文本对齐：左对齐；
底部：0；
右：0；
宽度：100%；
高度：65px；
背景色：黑色；
}
@仅介质屏幕和（最大宽度：1200px）{
身体{
字号：0.8em；
}
巴顿霍尔德先生{
最高：65%；
}
页脚{
字号：0.9em；
}
.客户{
显示：内联；
宽度：40%；
}
}
@仅介质屏幕和（最大宽度：800px）{
身体{
字号：0.6em；
}
巴顿霍尔德先生{
最高：65%；
}
页脚{
字号：0.9em；
}
.图像{
显示：块；
宽度：80%；
}
}
.fa脸谱网{
背景：#3B5998；
颜色：白色；
}
.fa推特{
背景：#55ACEE；
颜色：白色；
}
.fa linkedin{
背景：#007bb5；
颜色：白色；
}
怀特先生{
颜色：白色；
文本对齐：居中；
浮球：对
}
法兰西{
填充：20px；
字体大小：30px；
宽度：10px；
文本对齐：居中；
文字装饰：无；
边界半径：50%；
}
.报纸{
-webkit列数：3；
/*铬、狩猎、歌剧*/
-moz列数：3；
/*火狐*/
列数：3；
-webkit柱间隙：60px；
/*铬、狩猎、歌剧*/
-moz柱间距：60px；
/*火狐*/
柱间距：60px；
右边距：15px；
}
.分开{
-webkit列数：2；
/*铬、狩猎、歌剧*/
-moz列数：2；
/*火狐*/
列数：2；
-webkit柱间隙：80px；
/*铬、狩猎、歌剧*/
-moz柱间距：80px；
/*火狐*/
柱间距：80px；
右边距：15px；
}

摄影大师






关于我们
Lorem ipsum dolor sit amet，是一位杰出的献身者。Phasellus elementum feugiat risus，一个专制君主。这是一种新的枕叶效应。在爱神的前面，权杖在前面，前庭在后面。塞德
尊贵的eget libero quis调味品。克拉斯·乌拉姆科帕·阿利奎特·奥奇·马克西姆斯。Sed congue sem非dui sagittis ultricies非turpis。马萨索达莱斯市维尼纳蒂斯临时酒店前厅的艺术大师。Mauris Comodo ac Mauris是一个tincidunt。Nunc
这是一个很好的例子。在利奥自由之前，威尼斯人和菲舍勒斯·达皮布斯的母亲都是女性。阿利夸姆·菲利斯·奥古斯、埃吉斯塔·奥奇·维塔、康瓦利斯·维韦拉·尼西。维瓦姆斯·奎斯
性骚扰，指的是怀孕。Aliquam enim orci，accumsan sed justo ut，hendrerit lobortis nibh。

阿利奎姆·奎斯·拉奥里特·埃尼姆。南欧盟国家欧盟sem委员会主席乌拉姆·科珀·比本杜姆和维利特。Nunc坐在阿美对决精英。他是一位杰出的艺术家，他是一位杰出的艺术家。整座阿梅特厄洛斯车，
埃利芬德·韦利特·韦利特·韦利特·韦利特·韦利特·韦利特·韦尼纳提斯·梅特斯。奎斯克·马蒂斯·森佩尔·沃普塔特。但欧盟的马来酸酐含量最高，非同侧luctus。生命之光，生命之光，生命之光。佩伦特斯·尼西（Pellentesque ipsum nisi），波苏尔·塞德·塞德·塞德·塞姆（posuere sed sem at），乌尔特里斯·坦普尔·多洛（ultrices tempus dolor）。克拉斯苏西比特酒店
非奥迪奥塞德的火绒。我是一个天才。阿利夸姆。塞德·卢库斯·康瓦利斯·亨德雷特

版权所有摄影大师2017

导致这种情况的原因是包装上的边距

。您可以将此div的CSS更改为：

margin: 5px 0px 5px 0px;

---

要删除左边和右边的边距，只需将其保留在顶部和底部；清除导致问题的多余空间。

每当我遇到类似问题时，我都会通过在每个元素上添加一个红色边框来调试它，以查看是谁导致了问题

*{
  border: 1px solid red!important;
}

---

我可以通过删除#wrapper元素右边的边距来减少水平滚动。

由于您添加了这个id，右边的空格会导致。只是雷莫

#wrapper {
    margin: 5px;
    width: 100%; (no need take this out)
}

#wrapper {
 padding: 0 2%;
 width: 96%;
}