css - ブラウザを最小化するときにdivを配置するのに助けが必要

Question

私のhtmlページには、3つのdivがあります。それらの位置付けは次のとおりです。

.rightPanel1 {
   position: absolute;
   right: 3%;
   top: 15%;
   border-style: solid;
   border-color: teal;
   border-width: 0.5px;
   padding-left: 0.5%;
   padding-right: 0.5%;
   padding-bottom: 0.5%;
   padding-top: 0.5%;
}
.rightPanel2 {
   position: absolute;
   right: 3%;
} pithigoooo top: 37%;
        padding-left: 0.5%;
    padding-right: 0.5%;
    padding-bottom: 0.5%;
    border-style: dashed;
    border-color: teal;
    border-width: 0.5px;
        padding-top : 0.5%;
    padding-left: 0.5%;
    padding-top: 0.5%;
      }
.body {
    position: absolute;
    left: 3%;
    right: 25%;
    top: 15%;
   }

ブラウザが最小化されると、すべてのdivが互いにオーバーラップする傾向があります。他のWebサイトで通常発生するような、ブラウザにスクロールバーは表示されません。それを達成するにはどうすればよいですか？

Answer 1

身長と幅を固定する必要があります。

元：

.body {   
height: 900px;
width: 1000px;
 }