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

我在这个 post 中找到了解决方案如何在 primefaces 的 layoutUnit 中设置高度？

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>
 ...

p:layoutUnit 忽略顶部边距

p:layoutUnit ignore the margin-top

html

css

jsf

primefaces