NavContainer has height:"100%", but not visible

Hi all,

I am trying to add a NavContainer to a page, like in the Explore example, but when setting the height of NavContainer, it is not showing in Browser.

I can see with F12 tools, but height is 0px.

When I do like in example and set a fixed height, it is working.

var oNavCon = new sap.m.NavContainer("navCon", {                              pages: [                                new sap.m.Page("test", {                                         title: "{i18n>test}",                                         content: btn1                                })                              ],                              width: "96%",                              height: "16em"
});

But when I want to display the NavContainer over the whole page, it is not visible.

height: "100%"

Do you have any idea, what's wrong?

Thanks and best regards,

Benny