Primefaces布局

Question

我有一个primefaces布局，已将属性fullpage定义为false（因为我不希望页面的孔内容适合浏览器而不滚动），问题是当我为页脚定义布局单元时（position = south） ，它在标题之前呈现！ 请帮助，这是我的代码的一部分以及图像；

<p:layout fullPage="false">
            <!-- HEADER -->
            <ui:insert name="headerModelA">
                <p:layoutUnit position="north" size="165">  
                    <p:panelGrid >
                       <!-- code -->
                    </p:panelGrid>
                </p:layoutUnit>
            </ui:insert>
            <!-- LEFT -->
            <p:layoutUnit position="west" size="150" header="Left Panel">  
                <h:outputText value="West unit content." />  
            </p:layoutUnit>  
            <!-- RIGHT -->
            <p:layoutUnit position="east" size="200" header="Right Panel">  
                <h:outputText value="Right unit content." />  
            </p:layoutUnit>  
            <!-- CENTER CONTENT -->
            <p:layoutUnit position="center">  
                <ui:insert name="mainContentA">
                    <h:form id="formBanner">
                        <!-- some other content -->
                    </h:form>          
                </ui:insert>
            </p:layoutUnit>
            <!-- FOOTER -->
            <ui:insert name="footer">
                <p:layoutUnit position="south" size="100">
                    <!-- footer info -->
                </p:layoutUnit> 
            </ui:insert>
</p:layout>

Answer 1

这可能是一个错误。 fullPage =“ false”，南面板的样式为position：absolute和top：0px，并且div显示在顶部。

尝试强制样式。 调整顶部像素以适合您的应用。

<p:layoutUnit position="south" size="100" 
style="postion:relative !important; top:400px !important">

完整的代码

<p:layout fullPage="false">
            <!-- HEADER -->
                <p:layoutUnit position="north" size="165">  
            <ui:insert name="headerModelA">
                    <p:panelGrid >
                                           <h1>NORTE</h1>

                    </p:panelGrid>
            </ui:insert>
                </p:layoutUnit>
            <!-- LEFT -->
            <p:layoutUnit position="west" size="150" header="Left Panel">  
                <h:outputText value="West unit content." />  
            </p:layoutUnit>  
            <!-- RIGHT -->
            <p:layoutUnit position="east" size="200" header="Right Panel">  
                <h:outputText value="Right unit content." />  
            </p:layoutUnit>  
            <!-- CENTER CONTENT -->
            <p:layoutUnit position="center">  
                <ui:insert name="mainContentA">
                    <h:form id="formBanner">
                    <h1>CENTER</h1>
                    </h:form>          
                </ui:insert>
            </p:layoutUnit>
            <!-- FOOTER -->
                <p:layoutUnit position="south" size="100" style="postion:relative !important; top:400px !important">
            <ui:insert name="footer">
                    <h1>FOOTER</h1>
            </ui:insert>
                </p:layoutUnit> 
</p:layout>