PHP数据库结果彼此堆叠

Question

So my code is

while ( $row = mysqli_fetch_assoc($result) ) {
    echo '<div class="leaders" style="background-color:#ada30a;">' . $row['playername']; 
    echo "<br>";
    echo $row['points']. '</div>'; 
}

All results (3 in total) are meant to have their own seperate div box (which they do) However, all of my boxes are stacked ontop of each other (example: http://prntscr.com/i4ygm4 (2 other boxes are stacked underneath this box) I tried adding a margin bottom in css but it just didn't work)

The CSS code is:

.leaders {
    width:265px; 
    height:100px;; 
    background-color: #ee845b; 
    margin-left: 900px;
    padding:10px;
    text-align:right;
    position:absolute;
    margin-top:40px;
    margin-bottom:500px;
    color:white;
    font-size: 20px;
    border:1px solid black ;
    padding-top:10px;
}

How do i resolve this issue?

Thank you so much. :)

Answer 1

this is caused by position absolute change it to position relative and this wont happen.

.leaders {
width:265px; 
height:100px;; 
background-color: #ee845b; 
margin-left: 900px;
padding:10px;
text-align:right;
position:relative;
margin-top:40px;
margin-bottom:500px;
color:white;
font-size: 20px;
border:1px solid black ;
padding-top:10px;
}