在右侧放置一个div容器

Question

我想开发某种实用工具栏。我可以并排使用float:left;

将每个元素并排排列在此栏中但我希望第二个元素位于该栏的最右侧。这对我来说很难，因为酒吧的宽度不是静态的。

看一看我的演示：http://jsfiddle.net/x5vyC/2/

它应该是这样的：

任何想法如何实现这一目标使用CSS？

Answer 1

这是你想要的吗？ - http://jsfiddle.net/jomanlk/x5vyC/3/

两侧

花车现在

#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>​ 

Answer 2

• 使用float: right到..浮动第二列到..权利。
• 使用overflow: hidden可以清除浮动图案，以便我可以看见背景颜色。

Live Demo

#wrapper{ 
    background:#000; 
    overflow: hidden 
} 
#c1 { 
    float:left; 
    background:red; 
} 
#c2 { 
    background:green; 
    float: right 
}