由於內容較大，Firefox中的浮動div會轉到下一行

Question

我必須藉助html標記來解決某些情況。 目前使用的兩個浮動的div

.navigation 
{ 
    width: 200px; 
    float: left; 
} 

.content 
{ 
    float: left; 
} 

問題是，火狐移動第二格到下一行，onle它的內容比網頁寬度-200px大。如何解決此問題以適應頁面空間的第二個div div沒有max-width屬性，因爲我的內容顯示在1024到1980 px寬度的不同分辨率的監視器中。 目前僅適用於Firefox。

Answer 1

如果你有一個父容器，你可以給那個padding-left: 200px和.navigation { margin-left: -200px; }。這樣，您就可以擺脫內容上的float: left;，因爲它始終由父級填充。