Question

我正在尝试消除北和中心布局之间存在的缓冲区或“缩放器”。我用过fullPage = true b / c我喜欢它自动调整大小。从屏幕边缘到内容主体的边框设置为颜色，我通过将主体背景设置为颜色并将北部和中心布局设置为白色来实现此目的。问题是背景的颜色通过分离北方和中心来显示。我使用了firefox / firebug并注意到那里有一个resizer我可以用这行删除：

.ui-layout-resizer, .ui-layout-resizer-north, ui-layout-resizer-open, .ui-layout-resizer-north-open 
{
    height: 0px !important;
}

不幸的是，Primefaces仍然把中心布局[我怀疑]放在北方6 px，甚至认为缩放器已经消失了。结果是背景颜色显示为分区。我已经尝试将中心设置为相对和高度为-6px，没有效果。我承认，我不是最先进的CSS，但任何人都可以建议我如何进行无缝过渡，从北到中心没有差距。我已经尝试将填充/边框/边距弄乱为0但是在检查firebug之后的问题似乎是北部以南6px的“中心”区域的绝对位置，因此即使我删除它，布局缩放器也有空间存在。 / p>

解决方法是将所有内容放在中心并取消North，但我不知道这是不好的设计。

Answer 1

我无法真正看到你的代码是什么，所以我有点不清楚，但你试过吗

.ui-layout-resizer, .ui-layout-resizer-north, ui-layout-resizer-open, .ui-layout-resizer-north-open 
{
    display: none;
}

如果我们有源代码，也会更容易一点。

Answer 2

我对jquery并不是很有经验，但这似乎对我有用（带有primefaces扩展）：

<script type="text/javascript">
                 var layoutSettingsAll = {
                     name: "layoutSettings"
                     , north: {
                         spacing_open: 0
                         , spacing_closed: 0
                     }
                 }
                 $(document).ready(function() {
                     layoutSettings = $("body").layout(layoutSettingsAll);
                 });
            </script>

造型 - 消除北方和北方之间的差距中心（Primefaces）

2 个答案: