javascript - clearfix/JavaScript，绝对位置，可变高度

Question

好的，所以我有相对的 div，在它里面我有两个绝对的 div，右边和左边。在相对 div 下，我想要粘性页脚或类似的东西，但相对 div 没有 child 的高度，因为 child 是绝对的。我知道，我应该使用 javaScript(因为绝对 div，使用 css、clearfix 是不可能的)，但是像使用 JavaScript 的 child 一样保持 parent 高度的最佳方法是什么？我不喜欢永久设置 div 的高度，因为将来的内容更改可能会让人不舒服。

也许有人知道如何在不永久设置高度的情况下将 parent 的高度设置为 child 的高度，以及何时无法使用 clearfix 技巧？

我将非常感谢每一个建议。

Answer 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');
});