如何获得隐藏绝对div的高度

时间:2014-03-11 09:51:49

标签: jquery css height absolute

我有一个隐藏且具有绝对位置的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

2 个答案:

答案 0 :(得分:0)

您可以尝试使用jQuery获取height

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

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

答案 1 :(得分:0)

如果可能,请尝试从position:relative;

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

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