작은 화면에서 div를 다른 div로 이동하는 방법

Question

div (패널이라고 함)를 다른 div 아래의 맨 아래로 이동하려고합니다. 하지만 div (panel_1) 아래에서 패널을 움직이면 더 이상 페이지 아래에 공백이 없습니다. div (패널)를 훨씬 아래쪽으로 옮기고 싶습니다. div (패널)로 이동하려면 스크롤 할 수 있어야합니다.

어떻게해야합니까?

PS : 죄송합니다 내 영어

@media (max-width: 400px) { 
 
    .panel { 
 
    position: fixed; 
 
    bottom: 0; 
 
    width: 100%; 
 
    } 
 
}

<div class="panel"></div> 
 
<div class="panel_1"></div>

Answer 1

이 UR의 모든 요소를 ​​포함하기에 충분하도록 설정되어 있지 않은 경우 페이지의 높이를 선언

@media (max-width: 400px) { /* adjust to your needs */ 
 
    .panel { 
 
    position: fixed; 
 
    bottom: 0px; 
 
    width:100%; 
 
    } 
 
} 
 

 

 
.body{height 1000px;} 
 
.panel { 
 
    background: red; 
 
    height:10px; 
 
    } 
 
    .panel_1{background: blue; 
 
    height:10px;}

<div class="panel"> 
 

 
    </div> 
 

 
    <div class="panel_1"> 
 
    </div>

Answer 2

우리는 대상 요소의 각면에
주위에 공간을 만들기 위해 여백 인 CSS 속성을 가지고 있습니다. 이 당신을 도울 것입니다

희망 : 조각 아래

시도.

<div id="panel1" style="border:solid;width:150px;height:150px;"> 
 
</div> 
 
<div id="panel2" style="border:solid;width:150px;height:90px;margin-top:1%;"> 
 
</div>