TabPanel в стиле TabPanel

Question

Мой макет приложения состоит из TapPanel, который содержит еще одну TabPanel. Я бы хотел, чтобы две 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,% "Определяет ширину в процентах от содержащего блока".

Если вы хотите увидеть эффект от своих правил, попробуйте установить свойство CSS или color. Например, .inner-tabPanel { color: red} установит цвет текста на внутренней панели вкладок красным цветом, если не будет никаких других противоречивых правил. В этой и всех других ситуациях отладки CSS Firebug является инструментом первого выбора.