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

Question

所以多年来我一直试图摆脱我网站右侧的这个空白区域。我已经尝试了所有的 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

Answer 1

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

#content5 {
  width:175px;
}

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

编辑:包含 Chrome session 的检查器图像