Question

我需要获得div的高度的实际值，但是下面的所有jquery函数都会生成相同的值，该值比实际高度短大约10个像素。我使用屏幕截图确认了实际高度并在photoshop中进行测量。

获得正确的身高需要哪些方法？

alert($("#content-container").outerHeight(true));
alert($("#content-container").outerHeight());
alert($("#content-container").height());

#content-container {
width: 970px;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
height: auto;
min-height: 550px;
}

<body>
<div id="content-container">Content</div>
</body>

div中有内容，但在此处发布的内容太多了。我想要容器的总高度，这样如果我对它应用了边框，你可以从边框的上边缘到边框的下边缘进行测量。现在，我得到的高度比测量值低10个像素。

Answer 1

OuterHeight为您提供应用填充和边距的高度 content-container，innerHeight为您提供带填充的高度只有高度给你的高度不包括填充和边距应用于内容容器。

你想知道总高度。你使用outerHeight（）

更好

alert($("#content-container").outerHeight());

此外，你想解决你的问题，你发布你的小提琴更好。谢谢亲爱的。

Answer 2

div可能需要设置明确的高度，否则不会返回高度。

Answer 3

问题似乎与内容区域中的无序列表有关。我希望项目显示为内联并设置li显示：inline，当我删除内联属性并将其更改为float：left它开始工作。这对我来说毫无意义，但现在确实有效。

无法使用jquery获取div的实际高度

3 个答案: