Posizionamento div

[colomber]

Salve ho 3 div posizionati nella pagina in questo modo:


<div class="1">
</div>

<div class="2">
</div>

<div class="3">
</div>


come posso far visualizzare i div in questo modo senza il position:absolute magari con float?

cosi


<div class="1">
</div>

<div class="3">
</div>

<div class="2">
</div>

 

[Max 1]

Premesso che i box senza posizionamenti seguono sempre il flusso della pagina e se anche si usa float li puoi affiancare ma non scambiare.
Per risolvere ti basta scambiare i contenuti del 2 con i contenuti del 3

 

[colomber]

3 è un banner pubblicitario che si vede nella posizione originale su desktop in basso, vorrei su mobile però tenerlo a metà per cui dovrebbe salire di posizione

 

[eps15]

Un quadro avrebbe aiutato di più.
Credo che potrebbe aiutare

.1, .2, .3 {
  display: table-cell;
}

 

[Max 1]

Un quadro avrebbe aiutato di più.
Credo che potrebbe aiutare

.1, .2, .3 {
  display: table-cell;
}

E poi? Anche se il box si comporta come una cella "TD" resta sempre in terza posizione!

 

[colomber]

div 1 e div 2 sono due tabelle che su desktop sono affiancate divise da un piccolo margine e sotto c'e il banner , su mobile le due tabelle vanno una sotto l'altra e il banner alla fine.


Questo è il quadro completo.

 

[colomber]

risolto utilizzando display-table e questi

display:table-header-group
display:table-footer-group
display:table-row-group