TabPanel样式中的TabPanel

Question

我的应用布局由一个包含另一个TabPanel的TapPanel组成。我希望这两个TabPanels看起来不一样。按照关于应用样式的GWT教程，我做了以下操作：

TabPanel innerTabPanel= new TabPanel();
//carriersTabPanel.setSize("100%", "100%");
innerTabPanel.addStyleName("inner-tabPanel");


.gwt-TabPanel .inner-tabPanel{
    width: 100%;
    height: 100%;
}

然而，这并没有产生任何影响。然后我尝试了以下方法，但也不起作用：

.inner-tabPanel{
    width: 100%;
    height: 100%;
}

那么如何分别设置这两个面板的样式呢？

Answer 1

宽度和高度的百分比值相对于父窗口，而不是窗口。As w3schools notes，%“定义包含块的宽度(以百分比表示)。

如果要查看规则的效果，请尝试设置background-color或color CSS属性。例如，假设没有任何其他冲突的规则，.inner-tabPanel { color: red}会将内部选项卡面板中的文本颜色设置为红色。在这种和所有其他CSS调试情况下，Firebug是首选工具。