当浏览器窗口最大化时，Primefaces LayoutUnit不会展开

Question

我的布局包含一个包含横幅的北方LayoutUnit，一个包含垂直菜单的西方LayoutUnit，以及一个包含主页内容的中央Layoutunit。

当我打开最小化浏览器的页面（例如浏览器宽度是个人电脑屏幕宽度的一半）时，它会在视图中显示尽可能多的内容。但是，如果我然后最大化浏览器，它不会扩展中央LayoutUnit中的内容（参见附图）。

布局的代码如下：

<h:body>
<p:layout style="margin: 0px; gutter: 0px !important!" fullPage="false" >

    <p:layoutUnit position="north" size="80" resizable="false" closable="false" collapsible="true" gutter="0" >
    <div style="background-image: url('../resources/images/veges.jpg'); height: 80px; "> </div> 
    </p:layoutUnit>

    <p:layoutUnit position="west" size="210" resizable="false" closable="false" collapsible="false" gutter="0">
        <h:form id="menuForm">
        <p:menu style="width:180px">
            <p:menuitem value="Home" outcome="WelcomeMember" icon="fa fa-home" />
        </p:menu>
        <p:menu style="width:180px" toggleable="true">
            <ui:include src="menu.xhtml" />
        </p:menu>
        <p:menu style="width:180px">
            <p:menuitem value="Sign Out" action="#{loginBean.doLogout()}" icon="fa fa-sign-out" />
        </p:menu>
        </h:form>
    </p:layoutUnit>

    <p:layoutUnit position="center" collapsible="false" resizable="true" gutter="0" >
        <ui:insert name="pageContent" >
            This is the default page content
        </ui:insert>
    </p:layoutUnit>

</p:layout>
</h:body>

有谁知道为什么会发生这种情况以及我需要做些什么来纠正它？