PHP数据库结果堆叠在彼此之上

时间:2018-01-24 14:50:58

标签: html css

所以我的代码是

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

如何解决此问题?

非常感谢你。 :)

1 个答案:

答案 0 :(得分:0)

这是由位置绝对改变它到相对位置引起的,这不会发生。

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