Comment puis-je faire flotter la 1ère div à gauche et la 2ème à droite?

Question

J'ai un DIV avec deux panneaux de mise à jour à l'intérieur d'eux. Les panneaux de mise à jour sont divisés, mais asp.net ne me laisse pas attribuer de classe à un div. Je peux le faire en utilisant jQuery en assignant css au premier enfant, puis en assignant différents css au deuxième ou dernier enfant. Puis-je le faire purement avec css?

Quelque chose de semblable à ceci:

.outerdiv div 
{ 
    width:45%; 
} 

/*float:left */ 
.outerdiv div(0) 
{ 
    float:left; 
} 

/*float:right */ 
.outerdiv div(1) 
{ 
    float:right; 
} 

Answer 1

Ou vous pouvez envelopper le panneau Mise à jour DIVs avec un autre DIV ...

<div class="outerdiv"> 
    <div class="outerdivleft"> 
    ... Update Panel Left ... 
    </div> 
    <div class="outerdivright"> 
    ... Update Panel Right ... 
    </div> 
</div> 

Answer 2

Bien que cela n'échelle pas plus que 2 divs, vous peut utiliser:

.outerdiv div { float: right; } 
.outerdiv div:first-child { float: left } 

Answer 3

En supposant que .outerdiv ne contient que ces deux div, cela devrait fonctionner dans la plupart des web modernes sers:

.outerdiv div:first-child {float:left;} 
.outerdiv div:last-child {float:right;}