在最小化瀏覽器時需要定位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往往會彼此重疊。瀏覽器中不會出現像其他網站中通常會出現的滾動條。我該怎麼做才能做到呢？

Answer 1

你應該修復你的身高和體寬。

例如：

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