Html 奇怪的定位顶棒Zurb基金会5_Html_Css_Zurb Foundation_Zurb Foundation 5

Html 奇怪的定位顶棒Zurb基金会5

html css zurb-foundation

Html 奇怪的定位顶棒Zurb基金会5,html,css,zurb-foundation,zurb-foundation-5,Html,Css,Zurb Foundation,Zurb Foundation 5,嗨，伙计们，我一直在工作的一个网站出现了问题，并且随机地将自己重新定位在顶部的横条上，我不知道为什么。我以前认为一切都很好，但是最近我看到了这个网站，碰巧在导航栏和窗口url之间的页面顶部有一个wierd空格。有人可以检查它，并帮助我找出是什么原因造成这一点，如果有一个快速或简单的解决办法。该网站是任何帮助都将不胜感激，谢谢 <!doctype html> <html class="no-js" lang="en"> <head> <met

嗨，伙计们，我一直在工作的一个网站出现了问题，并且随机地将自己重新定位在顶部的横条上，我不知道为什么。我以前认为一切都很好，但是最近我看到了这个网站，碰巧在导航栏和窗口url之间的页面顶部有一个wierd空格。有人可以检查它，并帮助我找出是什么原因造成这一点，如果有一个快速或简单的解决办法。该网站是任何帮助都将不胜感激，谢谢

<!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>


欧米茄设计| LA

在

正文

标记后面有一行

“

。卸下它，这将正确地重新定位导航栏

我刚刚意识到，只有在开发工具中“检查元素”时才能看到这一点

如果可以编辑页面的源代码，请确保

紧跟在

之后。现在，有一个空行（第16行）。

解决此问题尝试此操作

body{ font-size: 0; }

这样做的原因是正文中有一个空格，它将渲染一个字符，创建一行。虽然你所做的很有效，但由于继承的原因，这不是一个好的做法，而且它创建了一个不应该存在的属性。这很有效，但它使其他一些元素对齐。谢谢你的回答，伙计们，我今晚回家后会检查这个。我明白你在说什么了，不确定是什么造成了这条线。