如何获取隐藏的绝对 div 的高度答案

【问题标题】：How to get the height of a hidden absolute div如何获取隐藏的绝对 div 的高度
【发布时间】：2014-04-14 20:22:24
【问题描述】：

我有一个隐藏的 div 并且有绝对位置，我想得到它的高度，所以我可以通过 jQuery 设置它

.parent2{
    display: block;
    position: relative;
    overflow: hidden;
    width: 100% !important;
    height: 100% !important;
}

.hidden_div{
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    padding: 15px;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    overflow-y: auto;
}

我尝试了以下没有任何结果：

var div_height = $(".hidden_div").height();
var div_height = $(".hidden_div").outerHeight();
var div_height = $(".hidden_div").actual("height");
//or innerHeight or outerHeight using the plugin at https://github.com/dreamerslab/jquery.actual/

编辑：

这是布局：

<div class="parent1">
    <div class="parent2">
        <div class="hidden_div">

        </div>
    </div>
</div>

parent1 没有 css

【问题讨论】：

.hidden_div 有没有设置宽度的父元素？
所以高度和宽度是100%你不能使用父高度吗？
隐藏的 div 在这里不是问题，但 100% 是问题，如果你有父 div 没有设置固定的像素高度，它不会得到百分比
jsfiddle.net/QyJKA 问题很可能在您的父结构中。
我已经用完整的结构编辑了问题，谢谢

标签： jquery css height absolute

【解决方案1】：

如果可能，请尝试从 .parent2 中删除 position:relative;

.parent2{
    display: block;
    overflow: hidden;
    width: 100% !important;
    height: 100% !important;
}

http://jsfiddle.net/YT75Z/2/

【讨论】：

【解决方案2】：

您可以尝试使用 jQuery 获取 height。

alert($("div.hidden_div").css("height"));

示例：http://jsfiddle.net/YT75Z/

【讨论】：

在这个测试设置中，height() 也可以工作。所以这不是问题。