css - CSS 错误 - 没有痕迹

Question

我们正在做一个网上商店，并创建了一个错误：

http://konzolbazis.hu

当你点击背景，然后点击右光标键，整个中间的内容会滑动...

试图找到问题的原因，但没有找到任何痕迹，浮动和定位不知何故搞砸了。

（我知道，css 很乱，客户的百万需求不断进行更改......但要清理代码。）

请帮忙。

编辑：使用 Firefox 11。

Answer 1

你注意到屏幕底部的滚动条了吗？问题是，您在顶部菜单 ( ul.sf-menu) 内手动设置宽度。<li>标签内部是<ul>带有width: 965px. 删除它们，一切都会好起来的。

Answer 2

您必须了解width:auto将元素宽度设置为获取 Parent 的完整宽度并明确指定它会产生问题。如果您想设置宽度以使元素仅获取自身所需的空间而不是父级可用的空间，您可以考虑以百分比指定它，例如width:78.33%. 这确保元素采用78.33%父元素的宽度。容器宽度是手动设置的，需要更正。您需要将其设置为

#container { width:auto; }

Answer 3

GOT IT:

was:

 .sf-navbar {
    height: 79px;
    position: relative;
  }

should be:

.sf-navbar {
    display: block;
    height: 111px;
    overflow-x: hidden;
    position: relative;
    width: 980px;
}