Question

好的，我的网站有一个导航栏，我从未遇到过这个问题。我的所有文字都在我的导航栏后面而不是在下面。这可能是因为我的导航栏会自动调整移动屏幕。

<body>
             <nav>
                 <h1 class="brand"><a href="#">CHS Robotics</a></h1>
                 <ul>
                     <li><a href="#">Club Info</a></li>
                     <li><a href="#">The Team</a></li>
                     <li><a href="#">Positions</a></li>
                     <li><a href="#">News</a></li>
                     <li><a href="#">Donate</a></li>
                     <li><a href="#">Sign up</a></li>
                     <li><a href="#">Login</a></li>
                  </ul>
                  <div style="clear: both"></div>
             </nav>
                  <div class="responsive-bar">
                  <h3 class="brand"><a href="#">CHS Robotics</a></h3>
                  <h4 class="menu">Menu</h4>
                  <div style="clear: both"></div>
                  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
                  <script type="text/javascript">
                         $(document).ready(function(){
                            $(".menu").click(function(){
                                $("nav").slideToggle(500);
                            })


                         }) 
               <h1 class="about">About CHS Robotics</h1>

更多信息：Cyrusmusic101.github.io

Answer 1

我建议您清除缓存，因为代码没有任何问题，当我访问链接时似乎完全没问题。（另外，如果出现问题，可能就是CSS，所以发布它也很有用。）

如何将我的文字放在我的导航栏下？

1 个答案: