在右側放置一個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 
}