jquery - 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;
}

那些多个 !important 表示法修复了一些其他不起作用的东西，但删除它们并不能解决问题。

Answer 1

北部的可能利润率。 IE 的盒子模型不同于所有其他浏览器。尝试对此进行评论(以及任何其他容器填充和边距)，看看是否可以解决问题。

此外，容器中的东西可能会将其炸毁。 IE 不尊重宽度，会扩展容器以支持内容，而其他浏览器则不会。您可以通过向元素添加“溢出:隐藏”来查看是否是这种情况。

另外，学习使用你的工具。使用 IE Developer 工具(在 IE8 中按 F12)，然后使用单击选择(工具栏上看起来像一个带有指针的框)在元素上放置边框以查看哪个是罪魁祸首。