PHP/MySQL - html/MySQL 组合输出的顺序问题

Question

我遇到文件输出元素放错位置的问题。

这是我目前得到的信息(顺序错误):

这里的数字是我想要的顺序:

就我而言，代码适合这种定位，导致此问题的可能原因是什么？

<div class="page-leaderboard">

    <div class="text layout1">   // #1
        <div class="separator"></div>
        <h1>Najlepsi menedżerzy </h1><h1>poprzedniej kolejki</h1>
    </div>

    <div class="leaderboard-content"><? echo $top3show; ?>   // #2

        <h2 class="opacity-appear">TOP <gold>100</gold></h2>   // #3

        <h4 class="from-top-appear">Twoja aktualna pozycja:
            <gold>
                <? echo $userrealposition; ?>
            .</gold>
        </h4>   // #4

        <table class="opacity-appear top-100">   // #5
            <caption>
                <tr>
                    <th></th>
                    <th>
                        <svg class="table-icon" viewBox="0 0 100 100">
                            <use xlink:href="#login-icon"></use>
                        </svg>
                        <p>Imię i nazwisko menedżera</p>
                    </th>
                    <th>
                        <svg class="table-icon team" viewBox="0 0 100 79">
                            <use xlink:href="#_team-icon"></use>
                        </svg>
                        <p>Nazwa drużyny</p>
                    </th>
                    <th>
                        <svg class='table-icon points' viewBox='0 0 100 100'>
                            <use xlink:href='#_points-icon'></use>
                        </svg>
                        <p>Doświadczenie<br><small>(ilość rozegranych kolejek)</small></p>
                    </th>
                    <th><p>Zwycięstwa w kolejkach</p></th>
                    <th>
                        <svg class="table-icon" viewBox="0 0 100 100" alt="Twój budżet">
                            <use xlink:href="#_dollar2-icon"></use>
                        </svg>
                        <p>Obecny niewykorzystany budżet</p>
                    </th>
                </tr>
            </caption>
            <? echo "<tr><td class='rankposition'><p>$i</p></td><td><p>$name $secname</p></td><td><p>$teamname</p></td><td><p>$experience</p></td><td><p>$leagueswon</p></td><td><p>$mils mln</p></td></tr>";
            } ?>
        </table>
    </div>

</div>

此外，根据要求，可以在左侧的“排名”按钮下实时预览:http://d0man94.ayz.pl/fantasynfl/modules/game/tester.php

Answer 1

不要使用 h1 和 h2 作为 div 对象。确保将值封装在 div 中，即使您不想设置它们的样式。

//#2

<div>
<h2 class="opacity-appear">TOP <gold>100</gold></h2>   // #3
</div>

<div>    
<h4 class="from-top-appear">Twoja aktualna pozycja:<gold>
    <? echo $userrealposition; ?>
.</gold></h4>   // #4
</div>

同时检查position:absolute属性...