Jquery IE 9中的宽度问题，而在chrome、IE 7和；8.

我在这儿闲逛

在铬合金和IE 7和8中

在IE9中

HTML

<div class="container">
<div class="column">
    <a href="#">1</a>
    <a href="#">2</a>
    <a href="#">3</a>
    <a href="#">4</a>
</div>
<div class="column">
    <a href="#">5</a>
    <a href="#">6</a>
    <a href="#">7</a>
    <a href="#">8</a>
</div>
<div class="column">
    <a href="#">9</a>
    <a href="#">10</a>
    <a href="#">11</a>
    <a href="#">12</a>
</div>
<div class="column">
    <a href="#">13</a>
    <a href="#">14</a>
    <a href="#">15</a>
    <a href="#">16</a>
</div>
<div class="column">
    <a href="#">13</a>
    <a href="#">14</a>
    <a href="#">15</a>
    <a href="#">16</a>
</div>

<div class="column">
    <a href="#">17</a>
    <a href="#">18</a>
    <a href="#">19</a>
    <a href="#">10</a>
</div>

JS

a{
font-size:13px;
font-family : arial;
display : block;
border:1px solid black;
padding : 5px;
}

.column{
    float:left;
}

(function($) {
   var width = 0;

   $('.column').each(function(i, el){
    width += $(el).width();
   });

    $('.container').width(width);
})(jQuery);

---

​

这是

.container

div的问题。它对于IE9来说太小了

如果您从

$（'.container'）.width（width）更改JS代码至
$（'.container'）。宽度（宽度+10）它看起来会很好

编辑

我找到了关于这个问题的很好的解释和一些潜在的修复方法。
是的。我知道，但是我想在IE 9i中工作，我会考虑使用万能选择器*规则来重置所有浏览器的所有边距、边框、边框等。如果所有其他的都失败了，你可以强制IE8模式。为什么不使用CSS？@非常感谢…为什么会这样？为什么它只在IE9中失败？这是一个很好的问题。我以前有过很多次这样的问题。然而，他并没有想出任何优雅的解决方案。而我提出的解决办法，效果非常好。因此，我没有花太多时间来弄清问题的真相。