浮動，一個樣式表，相同的id的CSS問題

我目前正在一個項目中，導航欄浮動到左側，然後內容是在右側，也浮動，所以它是齊刷刷導航內容。我目前有第一頁罰款和浮動完美，但當我嘗試浮動下一頁的內容時，它跳下來，不會浮動。兩者都在單獨的div和單獨的html文檔中，並且都具有相同的浮點屬性。我不明白爲什麼如果兩者具有相同的確切代碼並且有足夠的空間進行浮動，爲什麼第二頁的內容不能做同樣的事？我是，並且必須爲所有頁面使用一個樣式表。浮動，一個樣式表，相同的id的CSS問題

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;}

的CSS頁面1和2

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

來源

2011-04-25 Mike R.

一個例子會很好。我的第一個猜測是'沒有足夠的空間'（儘管你說了什麼）。 – 2011-04-25 04:15:15

是的，除了@Nikita說的話，還請提及您使用的瀏覽器。 – 2011-04-25 04:18:04

如果您可以爲包含浮動元素的元素*提供CSS，那將會很有幫助。浮動取決於父元素中的屬性，這可能會導致你的麻煩。 – 2011-04-25 04:26:11

我的猜測是第2頁浮動DIV中的內容大於750px，從而導致其父項拉伸，並將div壓下。

來源

2011-04-25 04:28:12 GAgnew

明白了！謝謝！正在搞亂div的內部，發現一個太大，我沒有使用...太多的div ...再次感謝！ – 2011-04-25 04:39:10

像電腦一樣解決，就像電腦一樣思考！ – GAgnew 2011-04-25 04:57:08

浮動，一個樣式表，相同的id的CSS問題

回答

相關問題