Três divs, o conteúdo de uma div vai para outra - html, reverse, layer

Eu preciso criar três divs, um ao lado do outro(atributo flutuante: esquerda). Depois, leio os dados do banco de dados e preciso apresentá-los em três divs, de modo que preencha primeiro a primeira div, linha por linha e, quando alcanço certa altura, vou para a próxima div e preencha com dados e assim por diante. Isso é algo como a tabela reversa, ou seja, primeiro preenchei a primeira coluna na primeira linha, depois vou para a segunda e assim por diante até o final da linha, depois passo para a segunda coluna da primeira linha e assim por diante. Espero que você entenda.

Existe uma maneira de conseguir isso em CSS ou de alguma outra maneira?

Respostas:

Essa funcionalidade está disponível no CSS3 usando column-count e column-span.

Eu não sei como torná-lo eficiente, masdeve ser possível com javascript ... você conhece a altura da linha, verifica a altura da primeira div com todo o conteúdo, trunca-a no tamanho desejado e o restante coloca na próxima div .. repita .. mas isso parece estranho ..?

Você pode fazer isso solicitando os 30 primeiros resultados no banco de dados em uma coluna, solicitando os próximos 30 na próxima div e assim por diante. Não vejo como isso é possível apenas no CSS 2.1.