如何將“ 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>";