PrimeFaces 3.0 - 如何阻止<p:layoutUnit>显示边框和/或滚动条？

Question

我正在使用PrimeFaces 3.0,我希望将其合并<p:layout>到我的页面中."fullPage"模式下的布局组件可以很好地划分页面,但我对它的外观有一些问题.这是我的测试页面的样子:

特别注意底部/南部布局单元.我想改变两件事.

1. 如何阻止它显示带有边框的布局单元？
2. 当内容太大而不适合时,如何阻止它显示滚动条？我只想要它剪辑内容.

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

Answer 1

我的目标环境中服务的两种主要浏览器类型是IE 6和IE 7.不幸的是,我只能修复这些浏览器的问题#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从未首先显示滚动条.

在任何情况下,边界是最重要的摆脱,现在已经修复.我可以通过小心不要溢出布局单元框的边界来防止溢出滚动条.