好的,我的网站有一个导航栏,我从来没有遇到过这个问题。我所有的文字都在我的导航栏后面而不是下面。这可能是因为我的导航栏是为移动屏幕自动调整的。
<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
最佳答案
我建议您清除缓存,因为代码没有任何问题,而且当我访问该链接时它看起来完全没问题。 (此外,如果出现问题,可能是 CSS,因此将其发布也很有用)。
关于html - 如何将我的文字放在导航栏下方?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47229714/