jsf - PrimeFaces 3.0-如何防止<p :layoutUnit> from displaying border and/or scrollbars?

Question

我正在使用PrimeFaces 3.0，并且想将<p:layout>合并到我的页面中。 “fullPage”模式下的布局组件可以很好地划分页面，但是我的外观有些问题。这是我的测试页的样子:

专门查看底部/南部布局单元。我想改变两件事。

如何阻止它显示带有边框的布局单元？

当内容太大而无法容纳时，如何阻止它显示滚动条？我只希望它剪辑内容。

我刚刚购买了PrimeFaces 2.2手册(还没有3.0手册)，但是它并没有说明这种变化。我需要执行一些CSS样式魔术吗？

Answer 1

我的目标环境中服务的两种主要浏览器类型是IE 6和IE7。不幸的是，我只能解决这些浏览器的问题＃1。使边框停止显示的CSS是:

.ui-layout-pane-south {
    border: 0;
}

如果我希望所有布局单位框都停止显示边框，那就应该是:

.ui-layout-pane {
    border: 0;
}

我遵循了BalusC的建议，尝试使用Firefox/Firebug来检查HTML并使用CSS样式。看来这里主要的基于主题的CSS样式是:.ui-layout-pane-south，.ui-layout-unit-content，.ui-layout-south。

我试图弄乱所有这些，但是我无法让IE 7(开发工作站上的IE版本)停止显示溢出滚动条。 Firefox 4从来没有显示滚动条。

无论如何，边界是要摆脱的最重要的事情，现在已经确定。我可以通过注意不要使布局单位框的边界溢出来防止滚动条溢出。