使用jQuery的height()方法

时间:2016-05-18 20:20:22

标签: jquery

令我困惑的代码是第347页的练习(剪切,复制,粘贴): http://javascriptbook.com/code/c07/

因此,附加到无序列表的段落给出了div的高度,其id为" page"。

对我来说(使用Chrome),它返回424px。 但是,当我将各个元素的内容区域的高度加起来时,我似乎无法达到这个数字。 我得到:75px + 36px + 50px + 50px + 50px + 50px + 24px = 335px

我哪里出错?

2 个答案:

答案 0 :(得分:0)

.height()返回的内容高度没有元素的边框,填充或边距。但是,子元素边距,填充和边框将构成元素的内容高度。因此,#page元素.height()将返回等于所有子高度+其边框,填充和边距的值。

答案 1 :(得分:0)

手动测量内部元素时,是否在计算中包含了边距/填充?

例如,如果您有5个元素,每个元素的高度为10px且没有边距或填充,则容器的高度将为50px。

但是,如果5个元素的边距也是5px,则容器的高度为100px。