Html 我的导航没有进入我的脑袋

标题说明了一切，我的导航没有停留在标题中。我已经运行了css验证器，以确保我的css是正确的，但它似乎仍然没有按预期运行。这是我的代码，提前感谢所有帮助我的人。（注：如果有任何工具可以帮助我找到像这样的问题，请务必让我知道。）

/*标题：*/
标题{
高度：70像素；
宽度：100%；
背景图像：-o-线性梯度（-89度，#4ABCD3 0%，#0D0C0C 100%）；
背景图像：-莫兹线性梯度（-89度，#4ABCD3 0%，#0d0c0 100%）；
背景图像：-ms线性梯度（-89度，#4ABCD3 0%，#0D0C0C 100%）；
背景图像：线性梯度（-179deg，#4ABCD3 0%，#0D0C0C 100%；）
标题#标志{
左边距：50像素；
宽度：112px；
高度：100%；}
标题导航{
宽度：448px；}
标题nav ul li{
显示：内联；
列表样式：无；}
标题nav ul li a{
文字装饰：无；
字体系列：Helvetica；
字体大小：20px；
颜色：823；
线高：24px；
/*导航文本样式*/}
#主页#横幅{
边界半径：29px；
/*横幅背景样式*/
背景图像：-o-线性梯度（-89度，#4ABCD3 0%，#000000 100%）；
背景图像：-moz线性梯度（-89度，#4ABCD3 0%，#000000 100%）；
背景图像：-ms线性梯度（-89度，#4ABCD3 0%，#000000 100%）；
背景图像：线性梯度（-179deg，#4ABCD3 0%，#000000 100%；）
页脚{
边界半径：22px；
/*页脚背景样式*/
背景图像：-o-线性梯度（-89度，#378797 0%，#000000 100%）；
背景图像：-moz线性梯度（-89度，#378797 0%，#000000 100%）；
背景图像：-ms线性梯度（-89度，#378797 0%，#000000 100%）；
背景图像：线性梯度（-179deg，#378797 0%，#000000 100%）；）
/*#sourceMappingURL=style.css.map*/

在收割台上有带有收割台高度的徽标，导航在下方

您可以同时浮动以下两项：

#logo {float: left;}
nav {float: right} /* or left */

---

导航

位于页眉中，页眉高度为
logo+nav
。但是没有导航的空间
Nav
是块元素，如果你想让一个块靠近另一个块，你必须使它们浮动。
你必须设置
显示：内联块到徽标和导航栏

header #logo, header nav {
    display: inline-block;
}

小提琴：
默认情况下
nav
元素是块级元素。这意味着它需要尽可能多的空间，以便在下一行进行渲染。可能的解决方案是使其
显示：内联块
：

header nav {
    width: 448px;
    display: inline-block;
    vertical-align: top;
}

示例：在这里，我通过添加一些边距和浮动来更改徽标和导航样式

 /* Header: */
header {
  height: 70px;
  width: 100%;
  float: left;
  background-image: -o-linear-gradient(-89deg, #4ABCD3 0%, #0D0C0C 100%);
  background-image: -moz-linear-gradient(-89deg, #4ABCD3 0%, #0D0C0C 100%);
  background-image: -ms-linear-gradient(-89deg, #4ABCD3 0%, #0D0C0C 100%);
  background-image: linear-gradient(-179deg, #4ABCD3 0%, #0D0C0C 100%); }
  header #logo {
    margin-left: 50px;
    width: 112px;
    height: 100%;
    float:left;
  }
  header nav {
    width: 600px;
    float:left;
    margin-left: 60px;
  }
    header nav ul li {
      display: inline;
      list-style: none;
      margin-left: 20px;
    }
      header nav ul li a {
        text-decoration: none;
        font-family: Helvetica;
        font-size: 20px;
        color: #823;
        line-height: 24px;
        /* Nav Text Styles */ }

#homepage #banner {
  border-radius: 29px;
  /* banner background styles */
  background-image: -o-linear-gradient(-89deg, #4ABCD3 0%, #000000 100%);
  background-image: -moz-linear-gradient(-89deg, #4ABCD3 0%, #000000 100%);
  background-image: -ms-linear-gradient(-89deg, #4ABCD3 0%, #000000 100%);
  background-image: linear-gradient(-179deg, #4ABCD3 0%, #000000 100%); }

footer {
  border-radius: 22px;
  /* footer background styles */
  background-image: -o-linear-gradient(-89deg, #378797 0%, #000000 100%);
  background-image: -moz-linear-gradient(-89deg, #378797 0%, #000000 100%);
  background-image: -ms-linear-gradient(-89deg, #378797 0%, #000000 100%);
  background-image: linear-gradient(-179deg, #378797 0%, #000000 100%); }

那些样式表中与标题相关的CSS规则是什么？很好的问题标题；-）为什么它不能单独与内联一起工作？这是其原因吗？如果同时将内联设置为
nav
和
nav>ul
块
元素，则内联也应起作用。
 /* Header: */
header {
  height: 70px;
  width: 100%;
  float: left;
  background-image: -o-linear-gradient(-89deg, #4ABCD3 0%, #0D0C0C 100%);
  background-image: -moz-linear-gradient(-89deg, #4ABCD3 0%, #0D0C0C 100%);
  background-image: -ms-linear-gradient(-89deg, #4ABCD3 0%, #0D0C0C 100%);
  background-image: linear-gradient(-179deg, #4ABCD3 0%, #0D0C0C 100%); }
  header #logo {
    margin-left: 50px;
    width: 112px;
    height: 100%;
    float:left;
  }
  header nav {
    width: 600px;
    float:left;
    margin-left: 60px;
  }
    header nav ul li {
      display: inline;
      list-style: none;
      margin-left: 20px;
    }
      header nav ul li a {
        text-decoration: none;
        font-family: Helvetica;
        font-size: 20px;
        color: #823;
        line-height: 24px;
        /* Nav Text Styles */ }

#homepage #banner {
  border-radius: 29px;
  /* banner background styles */
  background-image: -o-linear-gradient(-89deg, #4ABCD3 0%, #000000 100%);
  background-image: -moz-linear-gradient(-89deg, #4ABCD3 0%, #000000 100%);
  background-image: -ms-linear-gradient(-89deg, #4ABCD3 0%, #000000 100%);
  background-image: linear-gradient(-179deg, #4ABCD3 0%, #000000 100%); }

footer {
  border-radius: 22px;
  /* footer background styles */
  background-image: -o-linear-gradient(-89deg, #378797 0%, #000000 100%);
  background-image: -moz-linear-gradient(-89deg, #378797 0%, #000000 100%);
  background-image: -ms-linear-gradient(-89deg, #378797 0%, #000000 100%);
  background-image: linear-gradient(-179deg, #378797 0%, #000000 100%); }