如何将第一个div浮动到左边，第二个浮动到右边？

我有一个DIV，里面有两个更新面板。更新面板呈现为div，但asp.net不让我为div分配类。我可以通过将CSS分配给第一个孩子，然后将不同的CSS分配给第二个孩子或最后一个孩子来使用jQuery。我可以纯粹用CSS来做到这一点吗？如何将第一个div浮动到左边，第二个浮动到右边？

事情与此类似：

.outerdiv div 
{ 
    width:45%; 
} 

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

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

来源

2009-07-27 Hcabnettek

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

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

来源

2009-07-27 18:36:02

虽然这不能扩展到更多的div比2，你可以使用：

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

来源

2009-07-27 18:36:15 Cide

如果你这样做，请确保你有一个DOCTYPE声明或这不会在IE中工作。 http://www.w3schools.com/CSS/css_pseudo_classes.asp – tomk 2009-07-27 19:25:40

假设.outerdiv只包含这两个div，这应该可以在大多数现代的web brow sers：

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

来源

2009-07-27 18:36:55

如何将第一个div浮动到左边，第二个浮动到右边？

回答

相关问题