Css 如何将rich:panelMenu与它一起顶级化'；s rich:outputPanel和h:panelGrid？

对于如何处理上述问题，我非常感谢专家的意见。大体上，它是这样分解的： 我已经实现了一个动态创建的

rich:panel菜单

，并且根据RichFaces演示，在右侧放置一个

a4j:outputPanel

，以包含当用户单击菜单中的项目时将显示的内容。代码是：

            <h:form>
                <a4j:region id="logs">
                    <h:panelGrid columns="2" border="0" style="width: 100%; margin: auto;">
                        <rich:panel header="Menu">
                            <rich:panelMenu mode="ajax" style="width: 300px">

                                <!-- feed iteration -->
                                <c:forEach items="#{MyBacking.panelNodes}" var="map">
                                    <rich:panelMenuGroup label="#{map.key}"
                                        style="padding-left: 10px;">
                                        <c:forEach items="${map.value}" var="entry">
                                            <rich:panelMenuItem label="#{entry}"
                                                style="padding-left: 20px;"
                                                action="#{MyBacking.updateCurrent}">
                                                <f:param name="current" value="#{entry}" />
                                            </rich:panelMenuItem>
                                        </c:forEach>
                                    </rich:panelMenuGroup>
                                </c:forEach>
                            </rich:panelMenu>
                        </rich:panel>
                        <rich:panel header="Content">
                            <a4j:outputPanel ajaxRendered="true" layout="inline"
                                style="vertical-align: top">
                                <h:outputText value="#{MyBacking.current}" id="current" />
                            </a4j:outputPanel>
                        </rich:panel>
                    </h:panelGrid>
                </a4j:region>
            </h:form>

也不管用。至少我在正确的轨道上吗？由于右侧面板将包含文件的内容，因此它将比panelMenu长得多。我需要防止panelMenu从outputPanel的左侧滑下（垂直对齐的中间，这就是现在发生的情况）

2：我想用px修复

panelMenu

width，但是如果菜单最后包含一个太长的条目，我注意到溢出似乎被修复为隐藏。我似乎无法让

溢出：auto

工作。我只需要一个水平仪。在这种情况下滚动条

3：panelGrid必须是其包含的选项卡宽度的100%。我听说

h:panelGrid

width:100%

会造成问题，如果这种情况仍然存在，我该如何解决

我希望这是有道理的。我使用css已经有一段时间了，但将我想要的东西强制加入射频组件比我想象的要复杂得多

非常感谢第1点：使用

然后在css中指定cols类。多次指定它将应用于连续的列。它在中，但在他们的示例中没有引用

 <h:panelGrid columns="2" border="0"    style="width: 100%; margin: auto;">