Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.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 导航条|显示灵活|浮动?_Html_Css_Navigationbar - Fatal编程技术网

Html 导航条|显示灵活|浮动?

Html 导航条|显示灵活|浮动?,html,css,navigationbar,Html,Css,Navigationbar,我想做一个导航条,这让我很长时间没有做过。 如何将最后一个链接移到右侧?浮动:对;不起作用 如果可能,没有绝对位置 以下是我的HTML代码: /*Nomalyze.css*/ html{行高:1.15;-ms文本大小调整:100%;-webkit文本大小调整:100%}文章、旁白、页脚、页眉、导航、节{显示:块}h1{字体大小:2em;边距:0.67em 0}figcaption,figcaption,figure,main{显示:块}图{边距:1em 40px}hr{框大小:内容框;高度:

我想做一个导航条,这让我很长时间没有做过。 如何将最后一个链接移到右侧?浮动:对;不起作用

如果可能,没有绝对位置

以下是我的HTML代码:

/*Nomalyze.css*/
html{行高:1.15;-ms文本大小调整:100%;-webkit文本大小调整:100%}文章、旁白、页脚、页眉、导航、节{显示:块}h1{字体大小:2em;边距:0.67em 0}figcaption,figcaption,figure,main{显示:块}图{边距:1em 40px}hr{框大小:内容框;高度:0;溢出:可见}字体系列:单空格,单空格;字体大小:1em}a{背景色:透明;-webkit文本装饰跳过:对象}abbr[标题]{边框底部:无;文本装饰:下划线;文本装饰:下划线虚线}b,强{字体重量:继承}b,强{字体重量:粗体}代码,kbd,samp{字体系列:单空格,单空格;字体大小:1em}dfn{字体样式:斜体}标记{背景色:#ff0;颜色:#000}小{font size:80%}sub,sup{font size:75%;行高:0;位置:相对;垂直对齐:基线}sub{bottom:-0.25em}sup{top:-0.5em}音频,视频{display:inline block}音频:非([控件]){display:none;高度:0}img{border style:none}svg:not(:root){overflow:hidden}按钮,输入,optgroup,选择,文本区{margin 0}按钮,输入}可见,选择溢出}{text transform:none}按钮,html[type=“button”],[type=“reset”],[type=“submit”]{-webkit外观:button}按钮::-moz焦点内部,[type=“button”]::-moz焦点内部,[type=“reset”]:-moz焦点内部,[type=“submit”]:-moz焦点内部{边框样式:无;填充:0}按钮:-moz焦点环,[type=“button”]:-moz焦点环,[type=“reset”]:-moz焦点环,[type=“reset”]:-moz焦点环,[type=“reset”]:-moz焦点环,[type=“提交”]:-moz focusring{大纲:1px虚线按钮text}图例{框大小:边框框;颜色:继承;显示:表格;最大宽度:100%;填充:0;空白:正常}进度{显示:内联块;垂直对齐:基线}文本区域{溢出:自动}[type=“checkbox”],[type=“radio”]{框大小:边框框;填充:0}[type=“number”:-webkit内部旋转按钮,[type=”编号“]::-webkit外部旋转按钮{height:auto}[type=“search”]{-webkit外观:textfield;轮廓偏移量:-2px}[type=“search”]::-webkit搜索取消按钮,[type=“search”]::-webkit搜索装饰{-webkit外观:无}::-webkit文件上载按钮{-webkit外观:按钮;font:inherit}详细信息,菜单{display:block}摘要{display:list item}画布{display:inline block}模板{display:none}[隐藏]{display:none}主体,ul{margin:0;}
/*除了代码之外*/
/*
{
边框:1px纯黑;
}*/
导航{
位置:固定;
排名:0;
左:0;
右:0;
背景色:#8395a7;
}/*---航海俱乐部、高级修船俱乐部、大型修船俱乐部、格赖斯俱乐部---*/
保险商实验室{
列表样式类型:无;
填充:0;
显示器:flex;
} /* ---重新特性。
李阿{
显示:块;
填充顶部:20px;
垫底:20px;
左侧填充:10px;
右边填充:10px;
文字装饰:无;
颜色:白色;
}
/*
*模块化显示柔性功能的设计与实现。
*(上/下)在导航栏的顶部和底部进行填充。在导航栏的顶部和底部进行填充。
*Les paddings(左/右)Determine l’espacement entre deux liens
*再培训学生的英语和英语
*/
李娜:停下来{
背景色:#576574;
颜色:白色;
}

试验

有多种方法可以实现这一点,但其中一种方法是将当前位于
  • 标记上的.alignRight类更新为以下内容:

    .alignRight {
        margin-left: auto;
    }