令我困惑的代码是第347页的练习(剪切,复制,粘贴): http://javascriptbook.com/code/c07/
因此,附加到无序列表的段落给出了div的高度,其id为" page"。
对我来说(使用Chrome),它返回424px。 但是,当我将各个元素的内容区域的高度加起来时,我似乎无法达到这个数字。 我得到:75px + 36px + 50px + 50px + 50px + 50px + 24px = 335px
我哪里出错?
答案 0 :(得分:0)
.height()
返回的内容高度没有元素的边框,填充或边距。但是,子元素边距,填充和边框将构成元素的内容高度。因此,#page
元素.height()
将返回等于所有子高度+其边框,填充和边距的值。
答案 1 :(得分:0)
手动测量内部元素时,是否在计算中包含了边距/填充?
例如,如果您有5个元素,每个元素的高度为10px且没有边距或填充,则容器的高度将为50px。
但是,如果5个元素的边距也是5px,则容器的高度为100px。