大量のコンテンツのため、Firefoxのフローティングディビジョンが次の行に移動する

Question

HTMLマークアップを使用して、いくつかの状況に慣れてきました。 現在使用して2つの浮動divを

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

.content 
{ 
    float: left; 
} 

問題

は、コンテンツがページ幅-200pxよりも大きくなっているのですonle Firefoxは、次の行に2つ目のdivを移動していることです。どのように私のコンテンツが1024から1980ピクセル幅のdifferen resモニタに表示されるので、最大幅プロパティなしでページスペースの残りの2番目のdivに適合するようにこの問題を解決する。 現在のところFirefoxでのみ発生します。

Answer 1

親コンテナがある場合は、padding-left: 200pxと.navigation { margin-left: -200px; }とすることができます。あなたがコンテンツでfloat: left;を取り除くことができるように、それは常に親によって埋め込まれるでしょう。