Html 如何在标题部分中将联系人部分向右移动?

Html 如何在标题部分中将联系人部分向右移动?,html,css,header,Html,Css,Header,在下面的代码中,我试图将我的联系人部分放在标题部分的右侧。我也尝试过使用float to right,但在这一部分不起作用 CSSS 标志 关于 文件夹 服务 接触 我想它可以帮助你 .span:最后一个子项{ 浮动:对; } CSSS 标志 关于 文件夹 服务 接触 Float不用于样式设置。这是一个误用的黑客float用于段落内的浮动图像 现代的方法是使用flexbox:.header{display:flex;} 要将contact元素向右移动,必须给它一个margin:auto。

在下面的代码中,我试图将我的联系人部分放在标题部分的右侧。我也尝试过使用float to right,但在这一部分不起作用


CSSS
标志
关于
文件夹
服务
接触

我想它可以帮助你

.span:最后一个子项{
浮动:对;
}

CSSS
标志
关于
文件夹
服务
接触

Float
不用于样式设置。这是一个误用的黑客
float
用于段落内的浮动图像

现代的方法是使用flexbox:
.header{display:flex;}

要将contact元素向右移动,必须给它一个
margin:auto。这将使其消耗所有剩余空间。您可以使用:
。标题span:last of type
作为联系人元素的目标

在旁注中,不要使用跨距,而是对导航栏使用
,如下图所示:

nav-ul{
显示器:flex;
列表样式:无;
填充:0;
}
李国荣{
保证金:5px;
}
nav ul li:最后一种类型{
左边距:自动;
}

CSSS

我想如果你想要彩色主题类型,你可以用这个

.header{
填充:80px;
文本对齐:左对齐;
背景:#1abc9c;
颜色:白色;
}
.最后一个孩子{
浮动:对;
}

CSSS
标志
关于
文件夹
服务
接触

这不正确,我只想更改联系人,但您的代码正在更改所有条款。您的意思是什么?该代码段仅显示要向右移动的联系人。你能给我一张你的结果截图吗?我怎么能把它上传到某个地方并发布链接…问题不是如何设计导航栏或给导航栏上色。尽量减少代码片段以显示解决方案或问题。除非有特别要求,否则没有额外的设计要点。因此,我看不出乔治在你之前30分钟发出的警告有什么额外价值。除此之外,80px的填充将是超级过度的,特别是考虑到反应性<代码>文本对齐:左是该属性的默认值。所以你可以把它删掉。@tacoshy好吧,我会记下来,为我以后的作品做准备。非常感谢。