Html 当浏览器窗口最大化时，Primefaces 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>

这是默认的页面内容

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

你有

fullPage=“false”

，那么它为什么要展开呢？如果我设置fullPage=“true”，那么我就无法向下滚动到菜单，查看整个菜单的深度，然后确保内容是可滚动的。。。