网站html / css右侧的不需要的空白区域

Question

所以我现在试图摆脱我网站右侧的这个空白区域。我已经尝试了所有overflow-x：hidden规则，但它们似乎都没有。

我已将其排除在我删除之后：

(div id="content5" style="position:absolute;")
(img style="width:175px; height:175px;" src="Images/Graphic.jpg")
(/div)

从html文件

然后白色空间消失。如何在不获取空白区域的情况下将图片放在我的网页上？别担心我的html使用尖括号。

您可以查看my website here。

CSS：

查看代码here

HTML：

查看代码here

Answer 1

将＃content5元素的宽度设置为图像的像素宽度：

#content5 {
  width:175px;
}

现在，宽度设置为50％。但这基本上将它设置为父元素宽度的50％，即整个页面。如果您查看检查器，那么包含所有图像的div将比它们需要的大得多。

编辑：包含Chrome会话的检查员图片

Answer 2

@Daniel乌鸦如果你插入以下代码它应该解决你的问题：

html { 
  background: url(Images/FrontCover.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

这段代码基本上会拉伸页面上的所有内容以使其适合我从以下站点获取此代码： CSS Tricks