어떻게 수평선에서 div를 이동할 수 있습니까?

Question

3 div를 가로선으로 어떻게 움직일 수 있는지 알고 싶습니다. 이것은 내 코드입니다.

<div id="div1"> 
    <img id="poza1" src="http://s13.postimg.org/x0yjq2xxv/programare.jpg?noCache=13 97486136" /> 
</div> 
<div id="div2"> 
    <img src="http://s11.postimg.org/axam9glov/administrare.jpg?noCache=1397486260" width="468" height="167" id="poza2" /> 
</div> 
<div id="div3"> 
    <img id="poza3" src="http://s30.postimg.org/ly7cy5xrx/tacografe.jpg?noCache=1397486471" /> 
</div> 

고맙습니다.

<style type="text/css"> 
div { 
    float: left; 
} 
</style> 

Answer 1

#div1, #div2, #div3 { 
    float: left; 
} 

이 3 개는 div 전체 폭이 부모보다 작은 것을 제공 작품 (또는 : 3 명 div의에

Answer 2

추가 다음과 같은 클래스

.divs 
{ 
    display: inline-block; 
} 

Answer 3

사용 CSS 부동 페이지)

Answer 4

Parag Tyagi가 말했듯이. 난 단지 IE 7 및 8에 대한 호환성을 조금 추가합니다 :

.div1, div2, div3 { 
    display: inline-block; *display:inline; zoom:1; 
    /*optionally*/ 
    max-width:33.33%; 
} 

이제까지 (실제로 부양해야하지 않는 한) 당신이 정렬 많은 펑키 문제로 실행됩니다대로 요소를 배치하는 수레를 사용하지 마십시오 등.