是什麼導致selectonemenu在頂部而不是在下面顯示菜單？

這是最容易解釋的圖片。我很抱歉，但我沒有名聲在內部發布。是什麼導致selectonemenu在頂部而不是在下面顯示菜單？

總結：一個primefaces selectOneMenu用於正在顯示其與相關聯的菜單項上方的菜單。以上我的意思是在y軸上，而不是像前面所描述的那樣在前面或頂部。如果我使用核心jsf selectonemenu，則這種方式可以正常工作。更奇怪的是，它只能在Firefox或IE中使用，而不能在Chrome中使用。有沒有人有任何建議如何解決這個問題？它似乎可能是一個CSS問題，但我不知道足以確定這一點，如果是的話，一個可能的解決方案可能是什麼。我已經包含了下面的jsf的完整副本。 P.S. 此行爲在沒有額外換行符和麪板網格的情況下仍然存在。沒有換行符，菜單就會脫離瀏覽器窗口的頂部。

<html xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:f="http://java.sun.com/jsf/core" 
    xmlns:h="http://java.sun.com/jsf/html" 
    xmlns:p="http://primefaces.org/ui"> 

<h:head> 
<title>Insert title here</title> 
</h:head> 
<body> 
<h:form> 
    <h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5"> 
    <br/> 
    <br/> 
    <br/> 
    <br/> 
    <br/> 
    <br/> 
     <h:outputText value="Basic Usage: " /> 
     <p:selectOneMenu value="#{buttonBean.number}"> 
      <f:selectItem itemLabel="Select One" itemValue="" /> 
      <f:selectItem itemLabel="Option 1" itemValue="1" /> 
      <f:selectItem itemLabel="Option 2" itemValue="2" /> 
      <f:selectItem itemLabel="Option 3" itemValue="3" /> 
     </p:selectOneMenu> 
    </h:panelGrid> 
</h:form> 
</body> 
</html>

來源

2013-06-05 user2456974

無法在FireFox 22.0和Internet Explorer 8中重現。 –