2017-02-13 6 views
0

私はこのHTMLコードPHPでdivを挿入するのはなぜですか?

<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 divをposition: absolute;に指定しました。これらのdivは、お互いのすべてのオントップを絶対に配置します。

+0

ありがとう。それはそれだった:) – Barsch

関連する問題