<nav>
    Navbar content
</nav>
<div id="mainContent">
    Main page
</div>

nav {
    position:fixed;
    height: X%;
    min-height: Ypx;
}

#mainContent {
    margin-top: Z; // where Z is the height of nav which is either X% or Ypx
}