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也会占用相同的空间。

如何将CustomScrollPanel设置为高度100％？

2 个答案: