Jsf PrimeFaces工具提示位置

jsf页面的结构：

<h:form style="float:left">
...
</h:form>

<div style="float: left; width: 350px">
    ...
    <p:rating id="present" value="#{ph.currentProduct.present}" readonly="true" />
    <p:tooltip for="present" value="..." />
</div>

<h:form class="detail_buy_button">
...
</h:form>

...
...
...

什么定义了工具提示框的位置？代码不包含

p:tooltip

的特殊样式，但tooltip元素显示在

detail\u buy\u按钮的x位置。这里有一个详细的屏幕截图。
我不确定是否有一种简单的方法来设置本机Primefaces工具提示的样式，但有一种选择是使用

名称空间：

    <p:rating id="present" ../>
    <pe:tooltip value="test" for="present"
                myPosition="top left"
                atPosition="bottom right"/>

xmlns:pe=”http://primefaces.org/ui/extensions“

用法：

    <p:rating id="present" ../>
    <pe:tooltip value="test" for="present"
                myPosition="top left"
                atPosition="bottom right"/>



myPosition:

    <p:rating id="present" ../>
    <pe:tooltip value="test" for="present"
                myPosition="top left"
                atPosition="bottom right"/>

要相对于目标元素定位的工具提示的角。
默认值为“左上角”

atPosition:

    <p:rating id="present" ../>
    <pe:tooltip value="test" for="present"
                myPosition="top left"
                atPosition="bottom right"/>

目标元素的角点，用于将工具提示放置在该角点。默认值为“右下角”

为分级设置边框，并查看右侧的端点（或使用浏览器开发工具）。此选项实际上隐藏了
分级
元素。另一方面，在我的案例中，使用panelGrin是解决方案。