Flexible Box Layout Module CSS3

Com o novo método de CSS3 "Flexible Box Layout Module" ou Flexbox, já se pode posicionar multi-elementos de uma forma mais correcta.

Flexible Box Layout Module CSS3, ou Flexbox , é um método de layout que prevê a disposição dos elementos numa página de forma a que os elementos se comportam de maneira previsível quando o layout da página acomodar diferentes tamanhos de monitor e em diferentes dispositivos de exibição.

"Flexbox é um método completo e não uma propriedade única"

Este método já está a ser desenvolvido pela W3C desde 2009 e sofreu uma série de mudanças nos últimos três anos e possivelmente ainda irá sofrer mais algumas alterações.

Este método não é difícil de se implementar mas pode ser um pouco complexo de se explicar, por isso não vou desenvolver aqui este método, deixando alguns links para quem deseje saber mais.

Exemplos de implementação deste método; Aqui

Exemplo de layout no JSFiddle; Aqui 

(Veja como o layout se adapta conforme o tamanho do monitor).

Links Externos;

W3C; Aqui

Browsers que suportam este método; Aqui

No IE 10: Aqui

No MDN; Aqui

Flexplorer; Aqui

Flexbox by Raphael Goetter (FR); Aqui