primefaces layoutUnit

Question

我有一个（简化的）布局：

＆＃13;

＆＃13;

<p:layout fullpage='true'>
  <p:layoutUnit id='navUnit' position='west'>
    <h:form id='navForm'>
      <p:tree id='containment-navigator'>
        <p:treeNode/>
      </p:tree>
      <p:commandButton/>
    </h:form>
  </p:layoutUnit>
  <p:layoutUnit id='detail' position='center'/>
</p:layout>

＆＃13;

＆＃13;

＆＃13;

我希望commandButton始终可见。我希望树（包含导航器）填充可用空间并滚动它是否适合。我已经尝试过这里和那里建议的一百件事，但无论如何，整个表格（或者也许是layoutUnit）最终都是可滚动元素，而我的按钮与树一起滚动到单元的底部。 / p>

Answer 1

#navForm {
    height: 100%;
}

#containment-navigator {
    height: calc(100% - 20px);
}

减去20 px会为按钮留出一些空间。