为什么我的浏览器会向后回显此文本？

Question

我用PHP编写了这个：

<?php global $current_user;
      get_currentuserinfo();
?>
<div style="float: right; text-align: right;">
<h4>
    <?php
        if ( is_user_logged_in() ) {
     echo 'Welcome: ' . $current_user->user_login; 
    ?>
</h4>
<p>
    <?php
        echo '<a>My Classes</a> &nbsp;&brvbar;&nbsp; <a>Logout</a>';
    } else {
    ?>
</p>
<h4>    
    <?php
      echo 'Welcome, guest!';
   ?>
</h4>
<p>
    <?php
        echo '<a>Login</a> | <a>Register</a>';
    }
    ?>
</p>
</div>

我的浏览器显示了这个：

Welcome: Admin
| LogoutMy Classes

为什么？

Answer 1

从它的角度来看，你的<a>标签漂浮在右边。在这种情况下，右浮动元素将始终从右向左堆叠。

这意味着向右浮动的第一个元素将位于最右边缘，第二个元素将浮动在右边，但是位于左侧侧第一要素。要解决此问题，您必须（a）调整CSS以使<a>标记不会浮动在右侧，或者（b）重新排序echo语句以输出“Logout”之前输出“我的班级”。