php - 将 元素放在两个不同的 div 中

Question

我的页面上有这样的结构:

*{
  margin: 0px;  
}

.div1{
  width: 1000px;
  background-color: grey;
  overflow: hidden;
}

.div2{
  width: 300px;
  background-color: orange;
  height: 500px
}

.div3{
  width: 300px;
  background-color: orange;
  height: 500px;
}

.float_left{
  float: left;
}

.float_right{
  float: right;
}

<div class="div1">
  <div class="div2 float_left">
    
  </div>
  
  <div class="div3 float_right">
    
  </div>
</div>

在两个橙色容器中，我想放一些较小的 div，但我从数据库中读取数据。第一行应在 div1 中，第二行应在 div2 中，第三行应在 div1 中，依此类推。

$sql = "SELECT * FROM question ORDER BY question_id DESC";
$result = mysqli_query($db,$sql);

while($row = mysqli_fetch_assoc($result)){
}

但是我该怎么做呢？我可以打开一个div容器封闭的容器，在容器里面放置一个div容器吗？

Answer 1

你真的应该自己阅读并尝试，这是非常基本的问题。

方法有很多种，这里介绍其中一种。

1. 声明 2 个变量来存储 Div1 和 Div2 的结果。
2. 声明一个 count 变量并使用 odd 和 even 属性来决定由谁来存储结果。
3. 输出结果。

PHP:

$sql = "SELECT * FROM question ORDER BY question_id DESC";
$result = mysqli_query($db,$sql);

$resultsForDiv1 = "";
$resultsForDiv2 = "";

$count = 0;
while($row = mysqli_fetch_assoc($result)){
    if ($count%2 == 0) {
        $resultsForDiv1 .= $row[0]; // You should change it to whatever data you need from $row.
    }
    else {
        $resultsForDiv2 .= $row[0]; // You should change it to whatever data you need from $row.
    }

    $count++;
}

HTML:

<div class="div1">
  <div class="div2 float_left">
    <?php echo $resultsForDiv1; ?>
  </div>

  <div class="div3 float_right">
       <?php echo $resultsForDiv2; ?>
  </div>
</div>