외부 div 중지 화면 너비의 100 %

Question

간단한 div를 코딩하는 CSS가 있습니다. 두 개의 내부 div가있는 외부 div가 있습니다. 화면 너비가 1200px 이하가되면 2 개의 내부 div가 서로 겹치기 때문에 2 개의 내부 div가 떠있게됩니다. 이 모든 것이 훌륭하고 내가 원하는 것입니다. 내가 가진 문제는 화면이 1200px 미만이고 2 개의 내부 div가 서로 위에있을 때 외부 div가 화면 너비의 100 %에있는 것입니다. 나는 이것을 원하지 않지만 바깥 쪽 div가 항상 안쪽 div의 너비로 축소되기를 원합니다. 나는 많은 일을 시도했지만 운은 없다. 감사합니다 - 여기에 내 코드가 있습니다.

<style type="text/css"> 
    #Panel { 
     float: left; 
     background: #3CA6F0; 
     padding: 10px; 
    } 
</style> 


<div id="Panel"> 
    <div style="width: 600px; display:inline-block; background-color: #eee;">1</div> 
    <div style="width: 600px; display:inline-block; background-color: #eee;">2</div> 
</div> 

Answer 1

지금까지 내가 질문을 understanded에서, 나는 #Panel CSS의 숙박 시설의 float: left과 50%의 width 내부 div의했다.

#Panel { 
     background: #3CA6F0; 
    } 
    #Panel > div { 
     width: 50%; 
     background: #ddd; 
     float: left; 
    } 

이렇게하면 서로 옆에 뜨게됩니다.

Demo here

---

EDIT 그 아래의 코드 조각

:

@media only screen and (max-width: 768px) { 
    #Panel > div { 
     width: 100%; 
} 

2- div들 서로 쌓아 것이다.

Demo here