Html 如何将导航栏定位在标题内？

如何将导航栏定位在标题内？如果我将div浮动到收割台内，效果会很好。但当我移除浮动时，导航栏的位置会低于标题。我不明白。我怎么修理它

html{
身高：100%；
}
身体{
边际：0px；
填充：0px；
背景颜色：灰色；
身高：100%；
宽度：100%；
}
#容器{
身高：90%；
宽度：90%；
左缘：5%；
保证金权利：5%；
边框样式：实心；
}
#标题{
身高：8%；
宽度：100%；
}
.标志{
身高：80%；
宽度：10%；
}
.导航{
身高：90%；
宽度：75%；
保证金：自动；
}

基本的

默认情况下

div

元素是块标签元素，其宽度为100%。 您可以使用

float

，

inline块将其更改为“inline”元素br/>
检查下面更新的代码段


html{
身高：100%；
}
身体{
边际：0px；
填充：0px；
背景颜色：灰色；
身高：100%；
宽度：100%；
}
#容器{
身高：90%；
宽度：90%；
左缘：5%；
保证金权利：5%；
边框样式：实心；
}
#标题{
身高：8%；
宽度：100%；
}
.标志{
身高：80%；
宽度：10%；
显示：内联块；
}
.导航{
身高：90%；
宽度：75%；
显示：内联块；
}

标志
默认情况下
div
元素是块标签元素，其宽度为100%。
您可以使用
float
，
inline块将其更改为“inline”元素br/>
检查下面更新的代码段


html{
身高：100%；
}
身体{
边际：0px；
填充：0px；
背景颜色：灰色；
身高：100%；
宽度：100%；
}
#容器{
身高：90%；
宽度：90%；
左缘：5%；
保证金权利：5%；
边框样式：实心；
}
#标题{
身高：8%；
宽度：100%；
}
.标志{
身高：80%；
宽度：10%；
显示：内联块；
}
.导航{
身高：90%；
宽度：75%；
显示：内联块；
}

标志
如果将徽标设置为绝对位置，则不会向下推导航栏。
您必须指定高度和宽度，因为它不会与父div进行比较

.logo{
  height:40px;
  width:100px;
  position: absolute;
}

另一种解决方法是给导航条一个负的余量。
这样，您就不必指定徽标的宽度和高度

.nav{
  height:90%;
  width:75%;
  margin:-35px auto;
}

如果你使标志的位置：绝对它不会按下导航栏。
您必须指定高度和宽度，因为它不会与父div进行比较

.logo{
  height:40px;
  width:100px;
  position: absolute;
}

另一种解决方法是给导航条一个负的余量。
这样，您就不必指定徽标的宽度和高度

.nav{
  height:90%;
  width:75%;
  margin:-35px auto;
}