Question

我有这个HTML代码

<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，它们也处于相同的位置。

Answer 1

你已经给出了所有.errorlog div position: absolute;，它们绝对会将它们全部置于彼此之上。

为什么php插入的div重叠？

1 个答案: