html - p :layoutUnit ignore the margin-top

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