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 Developer工具（在IE8中点击F12）然后使用select by click（看起来像工具工具栏上带有指针的方框）在元素上放置一个边框，看看哪一个是罪魁祸首。

IE将像素添加到宽度

1 个答案: