Question

这听起来很简单，但我被困住了。我需要在IE8中将DIV设置为434像素宽。以下是我的代码。这适用于FF，但IE8总是呈现宽度为414像素的DIV。为什么会切掉20像素？

<html>
<head>
    <style type="text/css">
    #box
    {
        width:434px;
        background-color:red;
        margin:0;
        padding:0;
    }

    </style>
</head>
<body>
    <div id="box">&nbsp;</div>
</body>
</html>

我也在严格模式下尝试过，结果相同。

Answer 1

IE使用滚动条做了奇怪的事情，并在宽度上记帐。当你拿出来时会发生什么？

Answer 2

Elmonty，请注意IE8中的宽度和高度不仅如此。我认为这是一个常见的渲染问题。 IE8中的画布将向您显示比其他浏览器更短的对象。例如，在两个浏览器中加载this page，在两者之间加载Alt + Tab，您将看到正在发生的事情......

希望有所帮助，

Answer 3

~~在我面临利润问题之前的某个地方。我不记得是肯定的，但是我更改了设置margin＆amp;的值。填充如下：~~

margin :0px 0px 0px 0px; padding :0px 0px 0px 0px;

而不是：

margin :0; padding :0;

~~请尝试这个小改动＆amp;让我知道这是不是砍你的20px。~~

<小时/> 编辑：请忽略此答案，因为它不合适。

正如raymon所指出的，浏览器会渲染你提供的代码片段完全相同。你的问题可能是由于其他一些因素......

如何在IE8中使DIV成为正确的宽度？

3 个答案: