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

时间:2011-04-25 04:12:54

标签: css css-float

我目前正在开发一个项目,其中导航栏浮动到左侧,然后内容位于其右侧,也浮动,因此它与导航内容齐平。我目前第一页很好并且完美地浮动,但是当我试图浮动下一页的内容时,它会跳下来并且根本不会浮动。两者都在单独的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; }

1 个答案:

答案 0 :(得分:1)

我的猜测是第2页浮动div内的内容大于750px,从而导致其父级伸展,并且div被推下。