Antes de aprender a posicionar elementos com CSS, é importante que você entenda o que é o modelo de caixa.
De forma resumida, todo elemento HTML tem o formato de uma caixa retangular, mesmo que isso não seja visível ao usuário. Por isso, é possível atribuir a todo elemento propriedades como altura e largura. Uma maneira fácil de visualizar isso, é colocar bordar em todos os elementos da sua página, como fiz com essa página que você está lendo:
* { border: 1px solid #CCC;}
Onde* seleciona todos os objetos da página. Perceba como tudo tem um formato retangular. Esse conceito é chamado de modelo de caixa.