html - p:layoutUnit忽略页边空白

我的问题很简单。我正在使用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来自何处以及如何编辑它们。

最佳答案

我在这篇文章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>
 ...

关于html - p:layoutUnit忽略页边空白，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52813710/