douchi2022 2017-02-13 14:34
浏览 37
已采纳

为什么php插入的div重叠?

I got this html Code

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

And this css code

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

Why are the inserted elements colored, but not aligned as I want them to be? They are all at the same position, even if I change margin.

  • 写回答

1条回答 默认 最新

  • doujingxi3356 2017-02-13 14:37
    关注

    You have given all of the .errorlog divs position: absolute;, which will absolutely position them all ontop of each other.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 2020长安杯与连接网探
  • ¥15 关于#matlab#的问题:在模糊控制器中选出线路信息,在simulink中根据线路信息生成速度时间目标曲线(初速度为20m/s,15秒后减为0的速度时间图像)我想问线路信息是什么
  • ¥15 banner广告展示设置多少时间不怎么会消耗用户价值
  • ¥16 mybatis的代理对象无法通过@Autowired装填
  • ¥15 可见光定位matlab仿真
  • ¥15 arduino 四自由度机械臂
  • ¥15 wordpress 产品图片 GIF 没法显示
  • ¥15 求三国群英传pl国战时间的修改方法
  • ¥15 matlab代码代写,需写出详细代码,代价私
  • ¥15 ROS系统搭建请教(跨境电商用途)