2 つの DIV ブロックを中央に配置するにはどうすればよいですか? _html/css_WEB-ITnose

なぜ左側にあるのか、中央に配置する方法がわかりません
コードは次のとおりです:
??????????
@media screen and (max-width: 600px) {
.Heading,
.container,{
width : 400px;
.main{
.float: left;
.right{
float: left; 00ピクセル;
幅: 400px;
背景色: 青
}
.main {
オーバーフロー: スクロール;
幅: 400px;
.container {
高さ: 600px;

ヘッダー{
フォントサイズ: 100%;
テキスト装飾: なし / *decoration 装飾*/
}
header nav a{
text-decoration: none; font-weight: ball;
header nav li a{
dis play: block;/*前のインラインと競合しますか? */ L フロート: 左;
パディング: .1em 0.8em .1EM;/*右上下*/
境界線-右: .1em ソリッド;/* 各リンクの右フレーム*/
}

ディスカッションに返信 (解決策)

マージンを追加:0px auto; div スタイルに

{float:left;} を削除すると、

しかし、幅が 960 と 600px のときに float: left; を設定するのはなぜでしょうか?

ブラウザの幅が 600 未満で float:left; が設定されている場合はどうなりますか?
float:left; を削除して margin:0px auto; を設定するだけで問題は解決します

体系的に！

http://note.youdao.com/share/?id=f93315310f22d0d2f4103bcbd6dfc922&type=note

クリアフローティング

margin:0px auto;

フローティングに何か問題があるような気がします、まだ勉強中です、今のところ良い解決策は思いつきません。他の偉大な神々を見てください。