我得到了这个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,它们都位于同一位置。

最佳答案

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

关于php - 为什么php插入的div重叠?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42206584/

10-12 12:54
查看更多