xpages - Xpages OneUI 2.1 lotusColLeft：可以使高度与 lotusContent 相同吗？

Question

我在没有页脚的应用程序中取消应用程序布局。有没有办法让 lotusColLeft（或/和 lotusColRight）与 lotusContent div 的长度相同？用户抱怨左侧菜单的背景颜色没有一直到页面底部这一事实。

Answer 1

您可以使用 Firebug 或其他一些 CS 调试器来查看左侧窗格和内容窗格的 CSS，并查看是否可以调整 CSS（也许尝试 100% 的高度）。

您可能最终不得不获取内容 div 的高度，然后在 CSJS onClientLoad 中将左侧 div 设置为相同的高度。如果用户更改浏览器窗口大小，您还必须在窗口调整大小事件中使用相同的代码。

霍华德

Answer 2

好的，这就是我最终实现这一点的方法：我使用了背景图像。不理想，我同意，但比原始解决方案更少问题（在这个答案的底部）：

.lotusContent {
    background: url(leftColBkgd.png) repeat-y;
}

.lotusColLeft { 
    background-color: grey; 
    position: absolute;
    z-index: 10;
}

.lotusMain .lotusContent {
    padding-left: 230px;
}

---

原始解决方案：

.lotusColLeft { 
    background-color: grey; 
    min-height:2048px;
    position: absolute;
    z-index: 10;
}

.lotusMain .lotusContent {
    padding-left: 230px;
}