Question

我在GWt应用程序中使用TabPanel

              <g:HTMLPanel>
    <div class="center">
        <g:TabLayoutPanel ui:field="tabPanel" barUnit="PX"
            barHeight="40" width="100%;">
            <g:tab>
                <g:header>
                    DashBoard
                </g:header>
              </ g:TabLayoutPanel>

将其用于我的tabpanel高度

          .gwt-TabLayoutPanel {
           min-height:500px;
             }

它的工作正常，但我希望这个高度为100％，但是当我达到100％时，整个TabPanel消失了，

当我的东西增加时，任何解决方案..coz，较低的开始切断..

谢谢

Answer 1

将TabLayoutPanel放在LayoutPanel或任何其他为其子项提供大小的面板中。例如，如果您将面板直接放入RootLayoutPanel，它将自动占用100％的屏幕，并且它将通过浏览器窗口调整大小。

Answer 2

100％高度的问题是，如果父容器没有设置高度，它将是1px。

您可能会发现以下文章作为可能的workarround而感兴趣。 http://www.tutwow.com/htmlcss/quick-tip-css-100-height/

GWT：如何使tabPanel达到100％的高度

2 个答案: