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

Значения в процентах для ширины и высоты относятся к родителю, а не к окну. Как отмечает w3schools ,% "Определяет ширину в процентах от содержащего блока".

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