使用jquery确定html div元素的默认宽度和高度

Question

我已经定义了一个div，当我尝试确定它的宽度时，我得到一个值-544

我假设除非未定义块的高度和宽度，否则它将为零。

小提琴     http://jsfiddle.net/LTgCV/

HTML

<div></div>

JS

$(document).ready(function () {
    alert($('div').width())
    alert($('div').height())
})

Answer 1

你的小提琴是不同的。如果您使用空div，则它具有默认值

display: block;

所以它的宽度是100％但是因为它是空的，所以它的高度是0px。如果使用空span元素，因为其默认显示为

display: inline;

然后它的宽度将是0px，所以它的高度也是如此。点击http://jsfiddle.net/LTgCV/2/。