p：layoutUnit忽略页边空白

Question

我的问题很简单。我正在使用PrimeFaces 3.0和layoutUnit组件。

Myxhtml

<p:layout fullPage="true" locale="fr">
  <p:layoutUnit position="north" scrollable="false" resizable="false" size="60" locale="fr">
    <ui:insert>
      <ui:include src="../agenda/commons/menuView.xhtml"></ui:include>
    </ui:insert>
  </p:layoutUnit>
  <p:layoutUnit position="center" scrollable="false">
    ...

结果看起来像这样：

当我检查页面时，我创建了两个div，但是我无法编辑它们。

检查代码图片

div的来源以及如何对其进行编辑。

Answer 1

我在此帖子How can I set the height in layoutUnit of primefaces?

中找到了解决方案

myXHTML

<style>
.westUnit {
height: 124px !important;
}

.westUnit1 {
height: 101px !important;
}
</style>


...
<p:layout fullPage="true" locale="fr" styleClass="westUnit">

    <p:layoutUnit position="north" scrollable="false" resizable="false"
        styleClass="westUnit1" size="60" locale="fr">

        <ui:insert>
            <ui:include src="../agenda/commons/menuView.xhtml"></ui:include>
        </ui:insert>

    </p:layoutUnit>
 ...