Tengo un problema similar aCSS Auto Margin empujando hacia abajo otros elementos: Una barra lateral flotante derecha se empuja hacia abajo debajo del div principal de contenido no flotante. Losresponde trabajos propuestos: simplemente invierta el orden del marcado y escriba el float divantes d el div no flotante.

Por ejemplo, esto:

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

necesita ser reordenado torpemente como:

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

ntonces, ¿por qué esto también funciona sin reordenar:Diseño elástico con ancho máximo y ancho mínimo con diseño basado en cuadrícula? Revisar lademo en viv. El orden del marcado sigue siendo sensato: el float div se escribedespué el div no flotante. Sin embargo, el flotador no se empuja hacia abajo en la página.

Pregunto porque preferiría no tener que hackear el tema PHP (para reordenar divs) para poder diseñarlo correctamente.

Otras publicaciones que también dicen que la solución es "reordenar sus divs":