css - TabPanel : no vertical scrollbar 中的 gwt ScrollPanel

Question

编辑

我通过调整 VerticalPanel 中组件的大小修复了空白行为，这似乎对面板的尺寸产生了影响，但控制台不知何故错过了。我不太明白。

但是，我仍然没有看到任何显示垂直滚动条的面板。

在 GWT 元素中，我有以下结构:

页面

DockLayoutPanel
    North (header)
    Center (body)
    South (footer)
/DockLayoutPanel

正文

SplitLayoutPanel$1
    West
        SplitLayoutPanel$2
             North
             Center
                 TabPanel
                     ScrollPanel
                         VerticalPanel
                             -Several widgets-
                         /VerticalPanel
                     /ScrollPanel
                 /TabPanel
             /Center
        /SplitLayoutPanel$2
    /West
    Center
/SplitLayoutPanel$1

我的问题是 TabPanel 中的 ScrollPanel，它本身包含一个包含多个小部件的 VerticalPanel。 TabPanel 中的每个 Tab 都是如此。

我的问题是，虽然 SplitLayoutPanel$2 中心的所有容器的宽度都是 100%，但 ScrollPanel 包含一个带有相当大的白色区域的水平滚动条紧挨着它的是 VerticalPanel，而它们的绝对指标大小相同。

说明情况

这是 TabPanel，带有 ScrollPanel 和 VerticalPanel。注意水平滚动条是如何存在的，而 TabPanel、ScrollPanel 和 VerticalPanel 具有相同的宽度。向右滚动会产生一个白色区域。

ScrollPanel 和 VerticalPanel 的绝对宽度均为 598px。 DockLayoutPanel 的 West 组件大小为 600，因此匹配。还要注意调出开发者控制台是如何使滚动条消失的。事实上，整个面板已经消失在它后面，并且没有弹出垂直滚动条。

当向右滚动条时，VerticalPanel 部分离开屏幕，ScrollPanel 显示此空白。显然，我不希望那里有空格，所以根本不需要滚动条。这种情况下的所有面板仍然具有相同的宽度:598px。调整 SplitLayoutPanel 的大小，使用右边的边框，增加这些值(很明显)，但面板仍然共享相同的宽度，空白保持相同的大小，而我希望它变得更宽也是。

第二个选项卡包含大量文本，这些文本继续显示在屏幕之外，但没有出现滚动条。

问题总结

• 没有垂直滚动条
• 带有一些神奇召唤的空白的水平滚动条
• 组件声称具有相同的宽度

非常感谢任何帮助。

编辑

已尝试将 VerticalPanel 调整为 90 或 80% 宽度。空白似乎不受影响，它表明 100% 确实覆盖了可见宽度，而不是更多。

Answer 1

TabPanel(至少是来自 GWT 的那个)从内到外调整大小:它的大小根据所选选项卡的大小而变化。所以你的 ScrollPanel 永远不会有垂直滚动条，除非你明确地给它一个大小，你的内容实际上溢出 SplitLayoutPanel 的 layer 你将 TabPanel 放入。

布局面板，例如 TabLayoutPanel，另一方面，从外向内调整大小:SplitLayoutPanel 将设置 TabLayoutPanel 的大小> 在其中心区域，TabLayoutPanel 将依次设置 ​​ScrollPanel 的大小，因此如果 ScrollPanel 的内容溢出，一个出现垂直滚动条。