Das ist die nav Box width: 20% alle Divs haben eine border 1px und ein padding 20px
Das ist die inhalt Box. widht: 70%. in dieser Reihe haben die divs border-sizing: content-box, das übliche Schema. Bei kleinerem Browserfenster passen die beiden divs nicht mehr in eine Reihe.
Das ist die nav Box width: 20%
Das ist die inhalt Box. widht: 70%. In dieser Reihe wurde box-sizing: border-box eingesetzt. Alle divs haben ein margin-left: 1%. Das macht in dieser Reihe zusammen 20+70+2= 92% also eine Größe die immer in eine Reihe passt.