javascript - IE 中的宽度必须比 ff 和 ch 多 2 px

Question

嗨，我正在编写一个网络计算器，ie 中的主 div 的宽度需要比 ff 和 ch 多 2 px，这使得它在 ff 和 ch 中看起来有点松散，或者在 ie 中完全损坏。 这是 calc和jsFiddle的链接。如果有人可以帮助我减少这两个像素（#main{width: 186px;} 是我不想得到的）或者至少使按钮在所有浏览器中均匀分布，那会很有帮助。提前致谢。

Answer 1

使用 IE 黑客？

就像是

<!--[if lte IE 8]>
<style type="text/css">
  #main {
    width: 188px !important;
  }
</style>
<![endif]-->

在您的 IE 头部标记中直到版本 8（可更改）并将您的 css 放回 css 文件中的 186px。

这有点作弊，但如果你没问题...

Answer 2

添加以下脚本

var mainDiv = document.getElementById('main');
var divWidth = parseInt(mainDiv.style.width);
if(navigator.appName=="Microsoft Internet Explorer")
{
mainDiv.style.width = divWidth + 2 + 'px';
}