오른쪽에 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 
}