Question

我正在创建一个网站并遇到一个问题，我在所有浏览器右侧都有大量空白区域。我通常通过在包装div中添加overflow：hidden来解决这个问题，但由于某种原因，这次它不能正常工作。我还尝试将其添加到css中的html和body标签中，但它们往往隐藏所有内容，而overflow-x不起作用。

我会非常感谢任何帮助！您可以在此处查看网站：http://dakar.bournemouth.ac.uk/~hmonaghan

您可以通过显然查看代码源来查看代码，但是如果有人需要我在这里发布任何内容，我将会这样做。

Answer 1

在Windows上的Chrome浏览器中看起来不错 - 您必须拥有一台非常宽的显示器。话虽如此，尝试类似于这个CSS的东西，让我知道它是否适合你：

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

Answer 2

在取消所有溢出并使用开发者工具查看它之后，nav导致了大部分问题。

它绝对定位宽度为100％，边距为26％，因此它突破页面。

尝试将导航宽度减少到c.70％......这将解决大部分问题，尽管可能存在其他问题，我怀疑它与滑块有关。

在网站右边的空白

2 个答案: