如何將CustomScrollPanel設置爲高度100％？

Question

我想設置一個CustomScrollPanel高度100％;我所嘗試的是讓CustomScrollPanel達到100％的高度，但它不能以這種方式工作。這是我想嘗試的。

public class MyScrollPanel extends Composite implements HasWidgets { 

private ResizeLayoutPanel resizeLayoutPanel; 
private CustomScrollPanel customScrollPanel; 


public MyScrollPanel() { 
    resizeLayoutPanel = new ResizeLayoutPanel(); 
    resizeLayoutPanel.setStyleName(resources.css().resizeLayoutPanel()); 
    customScrollPanel = new CustomScrollPanel(); 
    customScrollPanel.addStyleName(resources.css().customScrollPanel()); 


    resizeLayoutPanel.add(customScrollPanel); 
    initWidget(resizeLayoutPanel); 
} 

我的CSS：

.resizeLayoutPanel { 
    height: 100%; 
    background-color: yellow;  
} 

如何獲得CustomScrollPanel身高100％？

Answer 1

height:100%將無法​​正常工作，除非父div具有固定的高度，如height:500px。

最好的方法是計算窗口/父容器的高度並將其分配給div元素，並在運行時調整大小條件。

Answer 2

ScrollPanel實現了RequiresResize，這意味着只要父窗口小部件實現了ProvideResize，它就會從其父窗口小部件獲取其大小。如果父窗口小部件佔用了空間的100％，那麼ScrollPanel也會佔用相同的空間。