嵌套HTML面板中的滾動條

Question

我有一個帶有嵌套HTML面板的UI。

Outer Panel-> <div style="height: 100%; width: 100%;">
  Inner Panel -> <div class="ap-mainPanel ap-scrollPanel">

“ ap-mainPanel”當前是占位符，為空。

.ap-scrollPanel{
    overflow: hidden;
}

我在內部面板上看不到滾動條。 我嘗試將高度：101％添加到ap-MainPanel中，但是它不起作用。 我嘗試在ap-MainPanel中指定500px的硬編碼高度，它顯示了一些內容的滾動條。 我們是否必須使用在大多數情況下可以接受的硬編碼值，或者是否有其他方法？

Answer 1

好吧，如果容器是空的，則沒有高度，因此就沒有滾動。

嘗試這個：

.ap-scrollPanel{
    height:500px
    overflow-y: scroll;
}

使垂直滾動條在容器中始終可見。

Answer 2

如果尚未設置Inner Panel高度，則將無法看到滾動面板。 原因可能是您正在使用布局面板，或者是在內部面板或其父面板中使用百分比形式的高度。 設置Inner Panel的高度（以像素為單位）或使用Layout Panels 。

這是有用的鏈接

GWT中的TabPanel和TabLayoutPanel有什么區別