html - CSS导航栏调整大小问题

所以我知道这是个令人困惑的问题。基本上，我在页面顶部有两个div，其中包括导航和一个搜索栏。
我有一个满满的集装箱
#容器页
宽度：1000px；
边距：0自动；
}
对于固定宽度的页面。我想，这要到最后才结束，而且一个布局有两个更小的容器，都是左右浮动的。
当我在浏览器中调整页面大小时，顶部的布局会移动并更改位置，这是我不希望发生的。
有什么想法吗？
这是一个链接：它现在变得更糟糕了，导航链接也在右边，所以也许有人也能帮上忙。
http://www.sophisticatedmoose.com/nerdery/
在Chrome和Firefox for Mac中水平调整大小。如果你向右滚动，我应该在搜索页面下面有一个导航栏，上面有主页、关于、新闻和联系人。上一次我检查了-我正在清理缓存-它和页脚一起在左边。
处理图像。我需要名声10来加一个。不过，我明白了。

最佳答案

你的CSS中有一个奇怪的结构：

#containPage { /*page I am in you*/
    width:223%;
    margin:0 auto;
}

边距设置很好，也很合理，但宽度却很奇怪。#containPage元素本质上是整个页面，因此它自然与浏览器窗口一样宽，然后应用223%，页面本身变得比浏览器窗口宽两倍多。然后，除非以其他方式指定或暗示宽度，否则#containPage的所有直接子块元素的宽度都将是窗口的两倍以上。
尤其是，#NavRRT元素太宽，#NavRRT内的菜单将一直向右浮动，直到窗口外，您必须水平滚动才能看到它。类似的位置奇异性在#footer中发生。
首先去掉width:223%上的#containPage。在Safari和Chrome中，如果我只关闭那一块CSS，页面看起来很不错。
更新：您可能需要在<div>中添加另一个#containPage，然后添加max-width、min-width和margin: 0 auto，以保持主内容居中且大小合理。当前在#containPage中的所有内容都将进入这个新的<div>中。如果您使用这种方法，那么您可能根本不需要在#containPage上使用任何CSS，它只需要在周围帮助将“真实”页面居中即可。