Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 我需要知道如何将导航栏放在我的web项目的右上方_Html_Css - Fatal编程技术网

Html 我需要知道如何将导航栏放在我的web项目的右上方

Html 我需要知道如何将导航栏放在我的web项目的右上方,html,css,Html,Css,我想找到导航栏在网站的右上部分,但我需要这将是对齐的标志品牌太多 我对代码有点陌生,因为我更注重图形设计 figure { width: 15%; height: 25%; margin: 3.5%; } ul li { list-style: none; } #navbar{ font-family: 'Noto Sans', sans-serif; font-weight: 700; font-size: 20px; display: flex; flex-dir

我想找到导航栏在网站的右上部分,但我需要这将是对齐的标志品牌太多

我对代码有点陌生,因为我更注重图形设计

figure {
width: 15%;
height: 25%;
margin: 3.5%;
}

ul li {
  list-style: none;
}

#navbar{
  font-family: 'Noto Sans', sans-serif;
  font-weight: 700;
  font-size: 20px;
  display: flex;
  flex-direction: row-reverse;
  margin: 4%;
  position: top;
}

.prog, .BS, .Ho {
  margin: 3%;
}
-像这样的

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

-这个有趣的游戏将帮助您学习flexbox。

尝试添加一些图像/表示,以显示您的代码当前显示的内容以及您希望它显示的内容。这真的很有帮助!在本例中,定位稍微取决于您是如何构造html的,因此我们可以确定您正在使用哪些元素以及代码层次结构是如何工作的。