Tenho um problema semelhante aoCSS Auto Margin pressionando outros elementos: Uma barra lateral flutuante à direita é pressionada abaixo da principal div de conteúdo não flutuante. Orespond obras propostas: basta inverter a ordem da marcação e escrever a div floatante a divisão não flutuant

Por exemplo, isto:

<div class="container">
    <div id="non-floating-content">
        fooburg content
    </div>
    <div id="float-right">
        test right
    </div>
</div>

precisa ser reordenado desajeitadamente como:

<div class="container">
    <div id="float-right">
        test right
    </div>
    <div id="non-floating-content">
        fooburg content
    </div>
</div>

Então, por que isso também funciona sem reordenar: Layout elástico com largura máxima e largura mínima usando design baseado em grade? Confira odemonstração ao viv. A ordem da marcação ainda é sensata: a div float é gravadadepois d a div não flutuante. No entanto, o flutuador não é empurrado para baixo na página.

Eu pergunto, porque eu preferiria não ter que hackear o tema PHP (para reordenar divs) para estilizá-lo adequadament

Outras postagens que também dizem que a solução é "reordenar seus divs":