Html Div转到CSS中的下一行

类名为main的Div转到下一行。我不需要它。这是错误的。我有带显示块的垂直导航栏。我不知道为什么会转到下一行

以下是HTML代码：

/*导航*/
导航{
左侧填充：30px；
填充顶部：30px；
高度：100vw；
宽度：290px；
右边框：1px实心#333333；
}
.导航链接{
颜色：#FFFFFF；
宽度：250px；
显示：块；
边界半径：8px；
填充：6px 0px 6px 30px；
过渡：背景色。2s线性；
字体系列：“Lato”，无衬线；
字号：700；
字号：18px；
边缘顶部：20px；
}
.导航链接：悬停{
背景色：#707070；
}
/*主要*/
梅因先生{
左边距：300px；
}

项目1
Lorem ipsum，dolor sit amet Concertetur Adipising，elit。Facere提供了类似于动物、动物、非动物的智慧溶液？在普罗维登特托塔姆埃塞，莫莱斯蒂亚斯？库斯，夸姆。阿迪皮西，阿尼米

添加

显示：flex发送给其父级，当前为
：

block
元素占据整个宽度，因此默认情况下
nav
会将
推到下一行

旁注：我建议使用更多的语义元素，如

项目1
Lorem ipsum，dolor sit amet Concertetur Adipising，elit。Facere提供了类似于动物、动物、非动物的智慧溶液？在普罗维登特托塔姆埃塞，莫莱斯蒂亚斯？库斯，夸姆。阿迪皮西，阿尼米

body {
  display: flex;
}