Html “两个分离”；分区；元素_Html_Css

Html “两个分离”；分区；元素

html css

Html “两个分离”；分区；元素,html,css,Html,Css,我为[logo，brand name]、[product details]和[hamburger icon]创建了三个独立的div元素。在CSS中，我应用了display=flex和flex=1。但最后两个要素是粘在一起的。有人能帮我解决代码中的错误吗。对不起，如果这个问题太傻了，但是我对CSS是新手标题{ 宽度：95%；保证金：自动；显示器：flex；对齐项目：居中；字体系列：Lato；字体大小：1000；背景：rgb（30165125） } .logo容器、.nav链接、

我为[logo，brand name]、[product details]和[hamburger icon]创建了三个独立的div元素。在CSS中，我应用了display=flex和flex=1。但最后两个要素是粘在一起的。有人能帮我解决代码中的错误吗。对不起，如果这个问题太傻了，但是我对CSS是新手

标题{
宽度：95%；
保证金：自动；
显示器：flex；
对齐项目：居中；
字体系列：Lato；
字体大小：1000；
背景：rgb（30165125）
}
.logo容器、.nav链接、.mg{
对齐项目：居中；
显示器：flex；
弹性：1；
保证金：自动；
}
.标志{
高度：5vh；
填充：0px 0px 0px 10px；
}
.公司名称{
填充：0px 0px 0px 10px；
}
.导航{
列表样式：无；
显示器：flex；
弹性：1；
}
.导航链路{
填充：0px 5px 0px 5px；
}
哈米格先生{
高度：5vh；
}


流动销售部。
移动销售部门

规格
问题
评论
价格

我已附上更新

目前，在您的机具上，不需要为标头的所有子元素设置

flex:1

。如果按以下方式设置，

nav

、

hamburger

图标和

logo

将具有相同的宽度，这是不合理的，因为它们的大小不同

我认为您的目标是将

nav

项目放在标题中间

logo

和

hamburger

图标之间。只需使用

边距：0 auto

即可

附加的实现显示更新的标题

标题{
宽度：95%；
保证金：自动；
显示器：flex；
对齐项目：居中；
字体系列：Lato；
字体大小：1000；
背景：rgb（30165125）
}
.标志容器，
.导航链接，
.汉堡包{
对齐项目：居中；
显示器：flex；
}
.导航链接{
保证金：0自动；
}
.标志{
高度：5vh；
填充：0px 0px 0px 10px；
}
.公司名称{
填充：0px 0px 0px 10px；
}
.导航{
列表样式：无；
显示器：flex；
弹性：1；
}
.导航链路{
填充：0px 5px 0px 5px；
}
哈米格先生{
高度：5vh；
}


流动销售部。
移动销售部门

规格
问题
评论
价格