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

Question

嗨我正在写一个Web计算器，而且主要div的宽度需要比ff和ch多2个px，这使得它在ff和ch中看起来有点宽松或者完全被破坏了。 here's a link to the calc和jsFiddle。如果有人可以帮我减少那两个px（#main {width：186px;}是我不想得到的）或者至少让按钮在所有浏览器中均匀分布，那会很有帮助。提前谢谢。

Answer 1

使用IE hack？

像

这样的东西

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

在你的头文件标记中，这里的版本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';
}