javascript - 此代码不起作用//CSS 定位快把我逼疯了。从来没有这么困难

Question

我的网站中有一个特定的功能，自从它被插入后，事情就变得复杂了。我现在已经从我的网站上剥离了所有东西，这样它就很简单了。您能否在这里访问它以查看我在下面要描述的内容... http://www.banterbombgames.co.nf/

我有一个带有动画 slider 的导航栏，它可以正常工作，但不如预期的那样。这是我想帮助解决的两个问题...

1. 名为 container 的主 div 在 CSS 中有 margin:auto 行，它通过将 div 居中来完美地工作。我插入导航栏后，它现在只会向左浮动。

2. 如何让 slider 回到应有的位置。访问此网站以查看 slider 通常位于的位置，以便您知道我想要它在我的网站上的位置。 http://jsfiddle.net/helpmuchappreciated/Lym2wLLb/1/ . 因为 CSS 将 slider 设置为 position:absolute，所以它仍然没有位于我想要的位置。我已经尝试了所有方法，我已经尝试过 position:absolute、position:relative、position:fixed、position:inherit, position:static 等

非常感谢您的帮助! PS:随时检查元素并编辑代码并将其发回给我。

Answer 1

您的 .container div 现在 float 到左侧，因为您添加了:

 div {
        display: inline-block;
        float: left;     
}

这使得您网站中的每个 div 都 float 到左侧。只需将其添加到 CSS:

  .container{
    height:1000px;
    width:960px;
    background-color:#1f487c;
    margin:auto;
    display: block;
    float: none;
  }

关于第二个问题，需要补充

position:relative;

到您的 .navigation 类，以便您的 slider 相对于父 div 绝对定位。