如何控制primefaces的默认组件大小

Question

我在p:sticky使用p:panel时遇到问题，并修复了p:panel的宽度尺寸。

该代码：

<p:panel id="scrollTopId" style="height: 21px; position:static; top: auto; width:99.4%;">......</p:panel>

<p:sticky target="scrollTopId"/>

加载我的网页后，<p:panel>有width:99.4%但是当我滚动时，p:panel到达顶部并自动将其宽度尺寸设置为高于width:99.4%。

像：

element.style 
{
    height: 21px;
    position: static;
    top: auto;
    width: 1290.17px;
    z-index: 1005;
}

任何想法将宽度固定为我给出的宽度：99.4％？

Answer 1

它占父容器宽度的99.4％，但这也取决于css位置值的值。因此，如果由于它在顶部粘滞而发生任何变化，您可以看到此行为。

使用像firebug这样的浏览器开发工具来查看实际发生的变化及其来源。

我担心你必须做一些先进的CSS才能让它按照你的意愿行事（这实际上不是PF问题）