使用javascript设置Top属性

Question

我在使用primefaces布局时遇到了一些麻烦，我想将我的页脚设置为相对的，并且顶部属性由标题的高度+主要内容的高度定义...我试图做这与javascript如下...

$(document).ready(function() {
            var toph = $('#header').height() + $('#maincont').height() + 10 + 'px';
            var f = document.getElementById('foot');
            f.style.position = "absolute important!;";
            f.style.top = toph+' important!;';
       });

网页代码......

<ui:insert name="footer">
    <p:layoutUnit id="foot" position="south" size="156">
            <h:panelGrid columns="4" cellpadding="2" style="width: 100%">
                        <!-- some code -->
                </h:panelGrid>
    </p:layoutUnit> 
</ui:insert>

这是问题的图像