Html 导航间距

如何制作一个好的标题/导航部分

这是我的代码：

正文{
边际：0px；
}
.集装箱{
宽度：自动；
高度：1920像素；
背景色：#514367；
}
标题{
宽度：100%；
高度：70像素；
背景色：#647551；
顶部：0px；
}
导航ul{
边际：0px；
填充：24px 0px 5px 30px；
}
李海军{
右边距：40px；
列表样式：无；
文字装饰：无；
显示：内联；
}
李娜{
文字装饰：无；
}

Talkbody-设计服务

一个伟大的HTML5/CSS3定位解决方案是CSS Flexbox

要开始使用它，请将

display:flex

添加到

中。然后，它的内部项目可以通过多种方式定位，属性可以是flex容器（代码）或flex子项（代码）

为了防止您的

及其子项扩展过宽（如堆栈溢出导航），我将其设置为80%的宽度，然后使用flexbox将其居中放置在

内部

Flexbox是一个非常通用的定位工具，您可以阅读更多关于它的信息

正文{
边际：0px；
}
.集装箱{
宽度：自动；
高度：1920像素；
背景色：#514367；
}
标题{
宽度：100%；
高度：70像素；
背景色：#647551；
顶部：0px；
}
导航{
显示器：flex；
证明内容：中心；
}
保险商实验室{
保证金：0自动；
宽度：80%；
显示器：flex；
证明内容：之间的空间；
}
#标志{
右边距：自动；
}
导航ul{
边际：0px；
填充：24px 0px 5px 30px；
}
李海军{
右边距：40px；
列表样式：无；
文字装饰：无；
显示：内联；
}
李娜{
文字装饰：无；
}

Talkbody-设计服务

bootstrap导航栏也有同样的功能，它们对移动视图也有响应。你可以在网站上查看，这很有帮助，但我想探索HTML5的世界。我不喜欢复制东西等。有没有其他方法代替引导？非常感谢！