如何在div中调整JSF组件的大小

Question

我正在开发一个带有primefaces框架的JSF项目，我用一些html div和css做了这个布局。

这是我的身体divs：

        <h:body>
        <div id="homeContainer">
            <div id="header"  class="greenBorder">
                 <h1 class="h1">
              <ui:insert name="homeHeader"/>
              </h1>
            </div>
            <div id="line" />
            <div id="west" class="greenBorder">
                <ui:insert name="westMenu" />
            </div>
            <div id="center" class="greenBorder">
                <ui:insert name="content" />
            </div>
            <div id="east" class="greenBorder"/>
            <div id="footer" class="greenBorder" />
        </div>
    </h:body>

当我插入菜单时，组件比我的西部div大。如何根据西部div来调整我的菜单？

Answer 1

HY， 你可以这样说：

<h:body>
    <div id="homeContainer">
        <div id="header"  class="greenBorder">
             <h1 class="h1">
          <ui:insert name="homeHeader"/>
          </h1>
        </div>
        <div id="line" />
        <div id="west" class="greenBorder">
          <p:scrollPanel style="width:850px;height:auto" mode="native">
            <ui:insert name="westMenu" />
          </p:scrollPanel>
        </div>
        <div id="center" class="greenBorder">
            <ui:insert name="content" />
        </div>
        <div id="east" class="greenBorder"/>
        <div id="footer" class="greenBorder" />
    </div>
</h:body>

修改样式:)