0

更新:我认为这是因为 IE 框模型问题。但是,调试器显示“内容宽度”156px 和高度 22px 有点令人困惑:

在此处输入图像描述

如果我将边界和填充设置为 0,则内容宽度是正确的,即 150 像素:

在此处输入图像描述

问题来了,好像如果我设置了边框和填充,IE中整个宽度的总宽度将变为156px + 6px;在 Chrome/Firefox 中为 150px + 6px;

如果我清除边界和填充,总宽度变为:IE:150px + 0,Chrome/Firefox:150px + 0;

我用了 style="width: 150px;" 设置文本输入字段的宽度。它在 Chrome/Firefox 中完美运行,但在 IE8/10 中总是宽 6px。我使用 IE 调试器检查文本输入字段的宽度。如果我将宽度设置为 146px,则宽度变为 150px。

我尝试将“box-sizing”设置为“content-box”以及设置字体。他们根本没有帮助。

现在,我唯一的解决方案是为 IE 写一个特定的宽度。有没有办法解决这个问题?谢谢!!

4

1 回答 1

0

它可能与 IE 框模型有关

在此处输入图像描述

因此,如果您有填充或边框,它可能会搞砸,但这只是我的猜测。

于 2013-09-23T19:31:03.297 回答