如何将第1个div向左移动，第2个向右移动？

Question

我有一个DIV，里面有两个更新面板。更新面板呈现为div，但asp.net不允许我将一个类分配给div。我可以使用jQuery将css分配给第一个孩子，然后将不同的css分配给第二个或最后一个孩子。我可以纯粹用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

虽然这不会扩展到超过2的div，但您可以使用：

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

Answer 3

假设.outerdiv只包含这两个div，这应该适用于大多数现代Web浏览器：

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