CSS浮动问题，一个样式表，相同id'；s

我目前正在做一个项目，其中导航栏向左浮动，然后内容在右边，也浮动，因此它与导航内容齐平。目前，我的第一页很好，浮动效果很好，但当我尝试浮动下一页的内容时，它会跳下来，根本不会浮动。两者都在单独的div和单独的html文档中，并且都具有相同的float属性。我不明白为什么如果两者都有相同的代码，并且有足够的浮动空间，为什么第二页的内容不能做相同的事情？？我是并且必须为所有页面使用一个样式表

身体的CSS

body {
        width: 980px;
    margin-left: 8%;
    margin-right: 8%;
    margin-top:2%;  
    padding: 0;
    font-family: "gill sans", sans-serif;
    font-size: .8 em;
    background-color: #CCC;
}

导航用CSS

#containernav {
float: left;
padding: 0;
width: 120px;}

第1页和第2页的CSS

#content_main, #content_main2 {
padding:0;
margin:0;
width:750px;
float:left;
background-color:#A30000; }

---

我猜第2页的浮动div中的内容大于750px，因此导致其父div被拉伸，div被向下推。

举个例子就好了。我的第一个猜测是“没有足够的空间”（不管你怎么说）。是的，除了@Nikita所说的，还请提及你正在使用的浏览器。如果你能为包含浮动元素的元素提供CSS，那将很有帮助。Float依赖于父元素中的属性，这可能会给您带来麻烦。我如何展示一个示例？对不起，我是这个网站的新手。我正在使用firefox来测试所有这些。我的页面宽度为980px，所以我认为空间不是问题，特别是因为第一页浮动良好。明白了！非常感谢。在搞乱div的时候，里面发现一个太大了，我没有用。。。太多的div。。。再次感谢！