clearfix / JavaScript,绝对位置,可变高度

时间:2017-11-02 22:39:12

标签: javascript jquery html css

好的,所以我有相对的div,在里面我有两个绝对的div,权利和左。在相对div下我想要粘性页脚,或类似的东西,但相对div没有孩子的身高,因为孩子是绝对的。我知道,我应该使用javaScript(因为绝对div使用css,clearfix是不可能的),但是保持父亲身高的最好方法就像使用JavaScript的孩子一样?我不喜欢永久设置div的高度,因为它可能会对未来的内容更改感到不舒服。

也许有人有一些id如何设置父亲的身高像孩子一样没有永久设置身高以及什么时候不可能使用clearfix技巧?

我会非常感激每一个建议。

1 个答案:

答案 0 :(得分:1)

您可以使用.outerHeight()或.height()获取父容器的高度。然后你可以使用.on()函数在屏幕调整大小和加载时触发SetHeight函数。

function SetHeight(div){

    var x = $(div).outerHeight();
    // to get the height

    $(div).children().css('height', x); 
    // set the childrens height
}

$(window).on('load resize', function(){
    // fire the function
    SetHeight('#my_div');
});