CSS问题与浮动，一个样式表，相同的id

Question

我目前正在从事一个项目，其中导航栏是浮动到左边，然后内容是在右边的，也浮动，所以它是对齐的导航内容。我目前的第一个页面很好，可以完美地浮动，但当我试图浮动下一个页面的内容时，它会跳下来，根本不会浮动。它们都在不同的div中，并且都在不同的html文档中，并且都有相同的浮动属性。我不明白为什么两者都有完全相同的代码，并且有足够的浮动空间，为什么第二个页面的内容就不能做同样的事情呢？我是并且必须对所有页面使用一个样式表。

正文的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; }

Answer 1

我的猜测是，第2页的浮动div中的内容大于750px，从而导致其父对象拉伸，div被下推。