Html 在Primefaces panelGrid中设置行的高度

我正在尝试使用PrimeFaces实现一个页面，以获得这个结果

我有这个密码

<p:panelGrid style="width: 100%; height: 100%" >                
    <p:row id="first-row">
        <p:column>
            <div id="top">
                <ui:include src="..." />
            </div>
        </p:column>
    </p:row>    
    <p:row id="second-row">
        <p:column>
            <div id="bottom">
                <ui:include src="..." />
            </div>
        </p:column>             
    </p:row>                
</p:panelGrid>

我不想将高度设置为

或

内部

，因为我希望它可以灵活使用百分比， 100%高度表的60%第一行和40%第二行

问题是表格并没有占用浏览器的全部可用空间。 目前，该表是空的，因此它甚至不占用浏览器的一半空间

IE视图源代码如下所示：

---

我怎样才能解决这个问题？感谢您宝贵的时间。

您是否需要使用panelGrid？如果不是，我建议使用layoutUnit标记。看看这里的展示（尤其是完整的布局）：

tr#first-row {
    height: 60%;
}

tr#second-row {
    height: 40%;
}