html - PHP 数据库结果相互堆叠

Question

所以我的代码是

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

所有结果(总共 3 个)都应该有自己单独的 div 框(他们确实这样做了)但是，我所有的框都堆叠在一起(例如:http://prntscr.com/i4ygm4(另外 2 个框堆叠在这个下面框)我尝试在 css 中添加边距底部，但它不起作用)

CSS代码是:

.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;
}

我该如何解决这个问题？

非常感谢。 :)

Answer 1

这是由于position absolute 将其更改为position relative 而不会发生的。

.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;
}