2017-02-13 73 views
0

我得到这个HTML代码为什么div由php重叠插入?

<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Dashboard</title> 
    <link rel="stylesheet" href="styles.css"> 
</head> 
<body> 
<?php 
include 'functions.php'; 
$logs = getUnsuccessfulBuilds(); 
for ($i = 0; $i < sizeof($logs); $i++){ 
    echo("<div class='errorlog'>"); 
    echo($logs[$i]['name']); 
    echo($logs[$i]['id']); 
    echo("</div>"); 
} 
?> 
</body> 
</html> 

而这个CSS代码

body { 
    background-color: #27373d; 
} 
.container { 
    position: relative; 
    width: 100%; 
    height: 100%; 
} 
.errorlog { 
    display: block; 
    border-radius: 3px; 
    width: 10%; 
    overflow: hidden; 
    float: left; 
    background-color: #c6656a; 
    padding: 20px; 
    position: absolute; 
    margin: auto; 
    vertical-align: middle; 
} 

为什么插入的元素颜色,但不对齐,我想他们是?即使我更改margin,他们都处于相同的位置。

+0

从'.errorlog'中删除'position:absolute;'。 – jeroen

+1

谢谢,那就是:) – Barsch

回答

1

您已经给出了所有的.errorlog divs position: absolute;,这将绝对地将它们放在彼此的顶部。

+0

谢谢。就是这样:) – Barsch