小さな画面で別の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

ウルの要素のすべてを含むのに十分なように設定されていない場合は、ページの高さを宣言し

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