-1

奇妙な問題が発生しています。コンテンツの左側に右側よりも多くのスペースがあります。ページはhttp://travisjterry.com/NuvigilSurvey/treated.htmlです。

ここで何が欠けているのかわかりません。ヘッダーとセクションの幅があります

margin: 0 auto;

ヘッダーとセクションを別の div に入れて、そのように揃えようとしましたが、うまくいきませんでした。

ここで何が欠けているのか分かりますか?

4

6 に答える 6

1

CSS からこのルールを削除してください。modernizr が<html>原因でタグに影響を与えており、実際には必要ないと思います

.audio {
    width: 700px;
    height: 60px;
    margin: 0 auto;
}
于 2013-08-16T18:01:45.113 に答える
1

問題は、ボックス モデルにより、パディングが.wrap定義された幅を拡張していることです。

box-sizingすべての要素に a を使用し、必要に応じて幅を調整することをお勧めします。

* {
    -moz-box-sizing: border;
    box-sizing: border;
}

この問題の詳細については、こちらをご覧ください: Box-sizing: border-box FTW!

于 2013-08-16T18:00:06.227 に答える
0

固定幅の .audio クラスがあります。幅を 700px に変更すると、レイアウトの残りの部分が再び中央に配置されます。

于 2013-08-16T18:12:03.790 に答える