Css 将div容器放置在右侧

我想开发一种工具条。我可以使用

float:left将该条中的每个元素并排放置

但是我想把第二个元素放在条的最右边。这对我来说很难，因为酒吧的宽度不是静态的

看看我的演示：

应该是这样的：


你知道如何使用css实现这一点吗？
这就是你想要的吗

现在左右浮动

#wrapper{
    background:red;
    overflow:auto;
}

#c1{
   float:left;
   background:blue;
}

#c2{
    background:green;
    float:right;
}​

<div id="wrapper">
    <div id="c1">con1</div>
    <div id="c2">con2</div>
</div>​

#包装器{
背景：红色；
溢出：自动；
}
#c1{
浮动：左；
背景：蓝色；
}
#c2{
背景：绿色；
浮动：对；
}​
con1
con2
​

使用
float:right
to。。将第二列浮动到。。对
使用
overflow:hidden
清除浮动，以便我刚才输入的背景色可见


如果您不想使用float

<div style="text-align:right; margin:0px auto 0px auto;">
<p> Hello </p>
</div>
  <div style="">
<p> Hello </p>
</div>


你好

你好

只想为初学者更新此功能，现在您应该明确使用flexbox来实现此功能，它更适合于响应性强的用户，请尝试以下功能：

#包装器{
显示器：flex；
证明内容：之间的空间；
背景：红色；
}
#c1{
背景：蓝色；
}
#c2{
背景：绿色；
}
con1
con2
​
这对我很有用


这个在左边
这个在右边
我们不使用float就可以做到这一点。唯一的其他方法是将块绝对定位在相对容器中。
<div style="text-align:right; margin:0px auto 0px auto;">
<p> Hello </p>
</div>
  <div style="">
<p> Hello </p>
</div>

#wrapper{
  display:flex;
  justify-content:space-between;
  background:red;
}


#c1{
   background:blue;
}


#c2{
    background:green;
}

<div id="wrapper">
    <div id="c1">con1</div>
    <div id="c2">con2</div>
</div>​