网站 html/css 右侧不需要的空白答案

【问题标题】：Unwanted white space on right of website html/css网站 html/css 右侧不需要的空白
【发布时间】：2014-08-26 02:09:20
【问题描述】：

所以多年来，我一直试图摆脱我网站右侧的这个空白区域。我已经尝试了所有的 overflow-x: 隐藏规则，但它们似乎都不起作用。

我已经将它归结为我删除的时间：

(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

【问题讨论】：

别担心，只需粘贴您认为有问题的 css 和脚本，以便我们在此处检查
你能把你的问题截图给我吗？我似乎在您的网站右侧看不到空白区域。
我也看不到空格。别担心，你的网页很好;-)
你们都用什么浏览器看这个？我能够在 Chrome 中重新创建额外的边距。
我不是朋友，什么给了???，你在哪里看到这个???

标签： html css hide overflow hidden

【解决方案1】：

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

#content5 {
  width:175px;
}

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

编辑：包含 Chrome 会话的检查器图像

【讨论】：

如此简单的修复，我不敢相信我错过了！非常感谢您的帮助！

【解决方案2】：

@Daniel Ravens 如果您插入以下代码，它应该可以解决您的问题：

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

【讨论】：