Problema con height del div principal

[mariogl84]

Hola, furoya.

No es un problema usar display:table, ya que el css determina cómo se verán las cosas en el navegador, y por tanto estamos fuera del campo de la semántica. Un problema semántico sería usar tables en el html sin estar tabulando datos, es decir, usarlas para posicionar elementos en la página, que es lo que se hacía antes y lo que hemos desechado (afortunadamente).

Esta implementación del clearfix está ampliamente aceptada por la comunidad, y es la que llevan, por ejemplo, las últimas versiones de Bootstrap y HTML5 Boilerplate.

En cualquier caso, en la misma página el autor dice que el display:table se puede sustituir por display:block en caso de no usar el :before para evitar los márgenes colapsados, así que también se puede implementar con display:block en vez de table.

Saludos.