JQuery CSS使用“height：auto;”作为另一个元素的“边缘底部”

Question

我有一个高度设置为“自动”的页脚。现在，我希望站点容器的页边距与页脚的高度（动态）相同。 如何？

HTML：

<div id="footer" class="arial"> 
    <p> 
     Lorem ipsum 
     <br> 
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
    </p>    
</div> 

CSS：

#footer { 
    width:100%; 
    height: auto; 
    position:fixed; 
    bottom: 0; 
    background-color:#3498db; 
    text-align: center; 
    line-height: 23px; 
    font-size: 15pt;  
} 

Answer 1

$('#container').css('margin-bottom', $('#footer').height()); 

显然，这应该只运行在页面加载之后，否则将所有的错误的价值观。