css-float - フロート css を削除

Question

float プロパティを持つ css コードがあります。ブラウザのウィンドウのサイズを変更すると、Web ページのメニューが下に移動します。float プロパティは既にコメントアウトしていますが、何も変更されていません。ブラウザのサイズを変更しても下に移動しないようにするにはどうすればよいですか?

score 0 · Accepted Answer

float は、ウィンドウのサイズが変更されたときの div のフローティングとは何の関係もありません。

スペースがある場合にのみ、divを左、右に揃えるように依頼するだけです。

私がすべきだと思うのは、以下のように「コンテンツ」と呼ばれるラッパー div ID を作成し、そこにすべての内部 div 要素を追加することです。

#content{
width:960px;
margin:0px auto;
}

この div コンテンツ内で、2 つの div の幅が 400px と 400px の場合、プロパティを左にフロートするように設定すると左に配置され、右にフロートに設定すると右に配置されます。

1 つの div が 400px で、もう 1 つが 600px のようにスペースがない場合、プロパティが左にフロートするように設定されていても、結合された幅がコンテナー div よりも大きいため、垂直ダイブとして表示されます。

1 に答える 1