需要文字在底部导航栏下方

Question

我的页面底部应该在底部导航栏下面有联系信息。出于某种原因，我不能让这件事发生。联系信息在底部导航上方，即使代码在下面。

<footer>
  <ul id="nav">
    <li><a href="index.html">Home</a>
    </li>
    <li><a href="#">Bio</a>
    </li>
    <li><a href="#">Career</a>
    </li>
    <li><a href="#">Links</a>
    </li>
    <li><a href="#">Contact</a>
    </li>
    <li><a href="#">Hobbies</a>
    </li>
  </ul>
  <br />
  <div id="contactinfo">Twin Artesian Stables
    <br />2990 Oakdale Dr.,
    <br />Suamico, WI
    <br />920-865-5555
  </div>
</footer>

Answer 1

确保您的css中为#nav #contactinfo设置了位置 - ＆gt;必须是

#nav #contactinfo{position:relative}...