Jsf 由于滚动条，eastpanel卡在中心后面

我知道，这类话题被讨论了很多次，但我没有找到解决问题的办法。 我有一个布局，有一个北面板，一个东面板，一个西面板和一个中间面板

在我的东面板内，我使用了一个

手风琴面板

。如果我打开的“手风琴”选项卡的内容对于我的页面来说太大，则会在右侧呈现一个

滚动条

。 但是这个

滚动条

会导致布局问题，我的

东面板

的一小部分现在在我的中央面板后面

是否有办法防止我的

eastpanel

位于cnter面板后面，或者有可能使

滚动条不可见，但必须启用滚动

此代码会删除
滚动条
，但也会禁用scolling。
代码：全选

<p:layoutUnit  position="east" size="420" header="#{labels.inspektor}" resizable="true" style="overflow:hidden !important;"> 
    <p:outputPanel id="eastPanel">                  
          <ui:include src="#{cmsEnviroment.cmsPages.get(cmsEastState.activePage)}" />                  
    </p:outputPanel>
</p:layoutUnit> 



希望有人能给我一个提示

屏幕：

尚未解决，但找到了一个解决方法，目前还可以：

<p:layoutUnit  position="east" size="420" header="#{labels.inspektor}" resizable="false" style="overflow:hidden !important;"> 
    <p:outputPanel id="eastPanel">
          <p:scrollPanel style="width:420px;height:810px" mode="native"> 
                <ui:include src="#{cmsEnviroment.cmsPages.get(cmsEastState.activePage)}" />
          </p:scrollPanel>
    </p:outputPanel>
</p:layoutUnit>