IEをピクセルに追加する

Question

サイトを作成しているページがあります。IEは水平スクロールバーを持つようにいくつかのピクセルを追加しています。私は本当にここで何が間違っているのか分かりません。ここに私のCSSは何か非常に感謝されます（私はサイト上でjQueryを使用している場合は、すべての答えに影響を与える）です。

html, body { 
    padding: 0; 
    margin: 0; 
    border: 0; 
    height:100%; 
    min-height:900px; 
    font-size: 12px; 
    font-family: Tahoma, Geneva, sans-serif;     
} 
.north { 
    height: 100px; 
    margin-right:5px; 
} 
.south { 
    height: 2em; 
    background-color: #3F3F3F; 
    border-top: 1px solid black; 
    font-size:80%; 
    color: rgb(200, 200, 200); 
    width:100%; 
    display:block !important; 
    position:absolute !important; 
    bottom:0px !important; 
    left:0px !important; 
} 
.west { 
    width: 200px; 
    font-size: 0.78em; 
} 
.center { 
    font-size: 80%; 
    height:auto; 
    min-width:300px; 
} 

これらの複数の重要な表記は、何か他のもののための修正が動作していなかったものの、それらを削除しても問題は解決しません。

Answer 1

北にはおそらく余裕があります。 IEのボックスモデルは他のすべてのブラウザとは異なります。それをコメントしてください（そして他のコンテナの余白には&の余白があります）、問題が解決するかどうか確認してください。

また、コンテナ内のものが爆発している可能性があります。 IEは幅を考慮せず、コンテンツをサポートするためにコンテナを拡張しますが、他のブラウザはサポートしません。これに該当するかどうかは、要素に "overflow：hidden"を追加することでわかります。

また、ツールの使用方法も学んでください。 IE開発者ツール（IE8でF12キーを押します）を使用して、クリックして選択（ツールのツールバーのポインタでボックスのように見えます）を使用して要素に境界を置いて、どちらが原因かを確認します。