jquery - JQuery width() 不返回正确的值

Question

我有一个没有预设宽度的 div css，我试图在屏幕上居中JQuery，它适用于Chrome、Firefox和IE8+，但不适用于IE7。为什么？

CSS：

.productBoxWrapper{
    height:210px;
    clear:both;
    background-color:blue;
}

查询：

$('#mydiv').css("position", "absolute");
this.css("left", ($(window).width() - $("#mydiv").width()) / 2 + "px");

JSFiddle：http: //jsfiddle.net/tygcz/3/

Answer 1

尝试像这样居中：

CSS：

#myDiv{
     position: absolute; top: 50%; left: 50%;
}

脚本：

$('#myDiv').css('marginLeft', - ( parseInt( $('#myDiv').width() ) / 2) + 'px' );
$('#myDiv').css('marginTop', - ( parseInt( $('#myDiv').height() ) / 2) + 'px' );

我不确定天气 parseInt 是否真的需要。