如何將第一個div浮動到左邊，第二個浮動到右邊？

Question

我有一個DIV，裏面有兩個更新面板。更新面板呈現爲div，但asp.net不讓我爲div分配類。我可以通過將CSS分配給第一個孩子，然後將不同的CSS分配給第二個孩子或最後一個孩子來使用jQuery。我可以純粹用CSS來做到這一點嗎？

事情與此類似：

.outerdiv div 
{ 
    width:45%; 
} 

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

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

Answer 1

或者你可以用另一個DIV包更新面板的DIV ...

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

Answer 2

雖然這不能擴展到更多的div比2，你可以使用：

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

Answer 3

假設.outerdiv只包含這兩個div，這應該可以在大多數現代的web brow sers：

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