Split html page but conserve navbar?

Question

How can I split the html page without touching the navbar?

I have used this:

* Split the screen in half */
.split {
  height: 100%;
  width: 50%;
  pos