플로트가 제대로 작동하지 않습니다.

Question

일부 드롭 다운 메뉴를 만들려면 일부 div를 왼쪽으로 플로트하려고합니다. 내 문제는 이것입니다. 내가 왼쪽으로 떠있을 때, 첫 번째 이후의 div도 float : left가 없으면 첫 번째 div 안에 들어갑니다.

float : left를 넣을 수 없습니다. 왜냐하면 실제로 아무것도 할 수 없다는 것을 의미하기 때문입니다. 이전에 작동 했었는데, 왜 그들이 서로 안을 거니?

#box1 { 
 
    width: 200px; 
 
    height: 100px; 
 
    background-color: red; 
 
    float: left; 
 
} 
 
#box2 { 
 
    width: 200px; 
 
    height: 100px; 
 
    background-color: blue; 
 
}

<div id="box1"> 
 
</div> 
 
<div id="box2"> 
 
</div>

Answer 1

메이크업은 div의 플로트 모두 사업부를 만들기 위해 블록 요소 자체

#box1{ 
    width: 200px; 
    height: 100px; 
    background-color: red; 
    float: left; 
    } 
    #box2{ 
    width: 200px; 
    height: 100px; 
    background-color: blue; 
float:left 
    } 

왼쪽이

Answer 2

그냥 작동하는 것 같다 모두 div의에 인라인 사용 플로트 Asif Ahmed가 제안한 의견으로는 문제가 없습니다.

그냥

https://jsfiddle.net/jwe5cohy/