Estou fazendo um grande esforço para separar minha estrutura html da apresentação, mas às vezes quando olho para a complexidade dos hacks ou soluções alternativas para fazer as coisas funcionarem em vários navegadores, fico impressionado com o enorme desperdício coletivo de horas produtivas que são colocar nisso.

Pelo que entendi, os carros alegóricos nunca foram criados para a criação de layouts, mas como muitos layouts precisam de rodapé, é assim que costumam ser usados. Para limpar os carros alegóricos, você pode adicionar uma div vazia que limpa os dois lados (div class = "clear"). Isso é simples e funciona em vários navegadores, mas adiciona html "não-semântico" em vez de resolver o problema de apresentação no CSS.

Sei disso, mas depois de analisar todas as soluções com seus benefícios e desvantagens, parece fazer mais sentido usar a div vazia (comportamento previsível entre navegadores), em vez de criar folhas de estilo separadas, incluindo vários hacks e soluções alternativas de CSS, etc., que também precisariam mudar à medida que o CSS evoluir.

Está tudo bem? fazer isso desde que você entenda o que está fazendo e por que está fazendo? Ou é melhor encontrar as soluções alternativas de CSS, hacks e estrutura separada da apresentação a todo custo, mesmo quando as ferramentas de apresentação de CSS fornecidas não foram desenvolvidas a ponto de poderem lidar com esses problemas básicos de layout?