css - 位置：固定；不适用于 Facelets 模板

Question

我正在使用primefaces 3.5。我希望我的模板标题处于固定位置，以便在内容滚动时无法滚动。xhtml是：

模板.xhtml

    <div id="top">
        <ui:insert name="top">Top</ui:insert>
    </div>

    <div id="content" class="center_content">
        <ui:insert name="content">Content</ui:insert>
    </div>

    <div id="bottom">
        <ui:insert name="bottom">Bottom</ui:insert>
    </div>

“顶部”的 css 是 :top.css

#top { width: 100%; height: 90px; background: #036fab; position: fixed; top: 0; }

我在 html 文件中尝试了上面的 css。它在 .html 文件中运行良好。请给我一些建议。