为什么我的网站如此广泛。 （数万像素）

Question

我正在研究的网站：http://bayhouse.biklopsdesign.com，在某种程度上是无可挑剔的。这导致水平滚动条以及固定定位真的很烦人。

有人能说出发生了什么吗？我已经连续几天没有救济了。 ：/

Answer 1

很难找到！

您的链接<a id="OTPoweredBy">...</a>的{​​{1}}为margin。如果我将-9999px;设置为更合理的东西，那么所有右滚动都会消失。

Answer 2

答案是您已将固定定位元素的宽度声明为百分比。这需要占用视口的百分比，而不是父容器的百分比。

因此，例如，我的视口宽度为1900像素。这意味着为position: fixed; width: 100%设置的每个元素都将是1900px宽。您可以在许多地方执行此操作，例如aside#text-15.header_area。另请参阅this SO answer。