html - 如何在较小的屏幕上将 div 移动到另一个 div

Question

我正在尝试将一个 div(称为面板)移动到另一个 div 下的底部。但是当我将面板移动到 div(panel_1) 下时，页面下不再有空间。我想将 div(panel) 移到更远的下方。我应该能够滚动到 div(面板)。

我如何实现这一目标？

PS:对不起我的英语

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

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

Answer 1

声明页面的高度，如果它没有被设置为足以包含所有你的元素

@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>