Estou fazendo um site em que uma das páginas é responsável por listar as publicações do usuário em forma de caixas. Cada caixa corresponde a uma nova publicação do usuário, que é gerada pelo código em ASP.NET MVC 4 com Entity Framework 6 automaticamente, pegando as informações do banco. Duplicando as divs no html e a formatação do layout dessas divs em css, amostrando e criando links, tudo perfeito.
Mas quando é inserido uma nova caixa de publicação, ela vai para baixo da anterior e eu queria que ficasse do lado e fosse descendo com css.
Utilizei uma tag em css que é float:left, porém a div central do corpo da página não fica com a height responsiva quando um elemento é float, pois para mantê-la responsiva eu não defini a altura, só defini um padding-bottom.
Queria saber como faço para as caixas irem pro lado direito e descerem conforme forem geradas automaticamente e manter responsivo a height do corpo da página?
Exemplo: