Sağ taraftaki bir div kapsayıcısını yerleştirin

Question

Bir çeşit yardımcı program çubuğu geliştirmek istiyorum. Bu öğedeki her elemanı float:left;

kullanarak konumlandırabilirim ancak ikinci öğenin çubuğun sağ tarafında konumlanmasını istiyorum. Bu benim için zor çünkü barın genişliği statik değil.

benim demo göz at: http://jsfiddle.net/x5vyC/2/

Bu gibi görünmelidir: Bu kullanarak css nasıl ulaşılacağını

Herhangi fikri?

Answer 1

İstediğiniz bu mu? - her iki tarafta http://jsfiddle.net/jomanlk/x5vyC/3/

Şamandıralar şimdi

#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

• Kullanım float: right .. ikinci sütununu yüzer .. hakkı.
• Şamandıraları temizlemek için overflow: hidden'u kullanın, böylece yerleştirdiğim arka plan rengi görünecektir.

Live Demo

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