jquery - IE 9 中的宽度问题，而它在 chrome、IE 7 和 8 中运行良好

Question

JSFIddle 在这里http://jsfiddle.net/cGadk/

在Chrome和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>

​</p>

CSS

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

.column{
    float:left;
}

JS

(function($) {
   var width = 0;

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

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

​</p>

Answer 1

这是.containerdiv的问题。它对于 IE9 来说太小了。

如果您将 JS 代码从 更改$('.container').width(width);为$('.container').width(width+10);，它将看起来正确。

编辑

我在 IE9 中找到了对这个问题的很好解释和一些潜在的修复，它以不同于 Chrome问题的方式呈现 CSS 表。