Question

大家好，所以我一直在努力的网站正在进行表演并且在顶栏上随意重新定位自己，我不知道为什么。我之前认为一切都很好，但是最近我看到了这个网站，它恰好发生在导航栏和窗口网址之间页面顶部的一个奇怪的空间。有人可以检查它，并帮助我找出导致这种情况的原因以及是否有快速或简单的解决方法。该网站是www.omegadesignla.com 任何帮助将不胜感激，谢谢。

<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Omega Design | LA</title>
    <meta name="description" content="Web development and printing services serving the greater los angeles area">
      <meta name="keywords" content="web development, printing, graphics design, los angeles, santa clarita">
    <link rel="stylesheet" href="stylesheets/app.css" />
    <link rel="stylesheet" href="stylesheets/foundation-icons.css" />
    <link rel="stylesheet" href="css/normalize.css" />
  </head>
  <body>
    <nav class="top-bar" data-topbar>
          <ul class="title-area">
            <li class="name">
              <span><a href="index.html"><img class="logo" src="img/logofinal.png"></a><span>
            </li>
            <li class="toggle-topbar menu-icon">
              <a href="#">Menu</a>
            </li>
          </ul>
          <section class="top-bar-section">
            <ul class="right">
              <li><a href="#about">About us</a></li>
              <li><a href="#" data-reveal-id="myModal">Contact us</a></li>
                <li class="has-dropdown">
                  <a href="#">Services</a>
                  <ul class="dropdown">
                    <li><a href="services.html#printing">Print Media</a></li>
                    <li><a href="services.html">Web Development</a></li>
                   <!--  <li><a href="services.html">Promotional Items</a></li> -->
                    <!-- <li class="active"><a href="#">Active link in dropdown</a></li> -->
                  </ul>
                </li>
            </ul>
          </section>
        </nav>    
  <div class="container">
    <header>

Answer 1

"   "标记后面有一行body。删除它，这应该正确地重新定位导航栏。

我刚才意识到，如果你要检查元素，你只能看到这个。在开发工具中。

如果您可以修改网页的来源，请确保<nav class="top-bar" data-topbar>正好在<body>之后。现在，有一个空行（第16行）。

Answer 2

解决此问题尝试此

body{
   font-size: 0;
}

奇怪的定位顶部酒吧zurb基础5

2 个答案: