如何将“ while”循环的内容放在右上角？

Question

我有一个从PHP中的while循环中获取的名称列表。 当我尝试显示嵌入在div中的循环的内容时，内容会重叠。 我用于内容的样式是：

<style>
    #cap{
        position: absolute;
        top: 0px;
        right: 0px;
    }
</style>

这是循环内容的完整代码以及PHP中div的样式：

<?php
    $result2 = mysql_query("SELECT `player_name` FROM `player_data` WHERE  `team_id`=$team2");

    while($row = mysql_fetch_assoc($result2))
    {
        $name2 = $row['player_name'];
        echo "<div id='cap'>";
        echo "" . $name2 . "<br/>";
        echo "</div>";
    }
?>

如何获得不重叠的内容$ name2？

Answer 1

像这样：

echo '<div id="cap">';
while($row = mysql_fetch_assoc($result2))
{
    $name2 = $row['player_name'];
    echo '<div class="player">';
    echo $name2;
    echo '</div>';
}
echo '</div>';

Answer 2

将带有该CSS的div放在循环之外：

echo '<div id="cap">';
while($row = mysql_fetch_assoc($result2))
{
     $name2 = $row['player_name'];
     echo "" . $name2 . "<br/>";
}
echo "</div>";