2

我需要获取 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 像素。

4

3 回答 3

3

OuterHeight 为您提供在内容容器上应用的填充和边距的高度，innerHeight 只为您提供填充的高度，而高度为您提供不包括应用在内容容器上的填充和边距的高度。

你想知道总高度。最好使用 outerHeight()

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

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

于 2013-03-27T20:06:08.527 回答
1

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

于 2013-03-27T19:15:42.693 回答
1

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

于 2013-03-27T21:08:32.290 回答