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

Question

我有一个页脚，其高度设置为“自动”。现在，我希望站点容器的margin-bottom与页脚的高度（动态）相同。 怎么样？

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());

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