Css jsf primefaces对话框不能完全呈现内部布局

我遇到了一个问题，当我想用布局和布局单元分割对话框时，只有一个10px的北部布局单元上部会被渲染。在渲染的小部分中，您可以向下滚动以查看north 12和center 12的值

    <h:form id="mainDllg">
        <p:dialog id="mainDlg" header="12" widgetVar="mainDlg"
            rendered="true" closeOnEscape="true"
            style="width:99% !important; height:99% !important"
            resizable="false" modal="true">
            <p:outputPanel>

                <p:layout>
                    <p:layoutUnit position="north">12</p:layoutUnit>

                    <p:layoutUnit position="center">12</p:layoutUnit>
                </p:layout>
                
            </p:outputPanel>
        </p:dialog>
    </h:form>

---

您应该试试这个。

就是这样：我使用图形环境java lib实现了客户端屏幕大小，但在部署时遇到了问题。有没有一种方法可以直接在样式属性中使用JavaScript，比如min-width:screen.width px？

<h:form id="mainDllg">
        <p:dialog id="mainDlg" header="12" widgetVar="mainDlg"
            rendered="true" closeOnEscape="true"
            resizable="false" modal="true">
            <p:outputPanel>

                <p:layout style="min-width:400px;min-height:200px;">
                    <p:layoutUnit position="north" size="30">12</p:layoutUnit>

                    <p:layoutUnit position="center">12</p:layoutUnit>
                </p:layout>

            </p:outputPanel>
        </p:dialog>
    </h:form>