将项目添加到导航栏

时间:2015-10-31 16:58:31

标签: html css navbar

我正在开发一个项目,我有一个固定位置的导航栏。 但是,我想在此导航栏中添加一个后退按钮,该按钮应垂直放置在导航栏的左侧。

这就是我添加导航栏的方式:http://jsfiddle.net/wryv1wfv/

文本添加到导航栏没有问题,就像我这样做:

<div id="navbar">Text Here</div>

但我不确定是否添加按钮。

2 个答案:

答案 0 :(得分:1)

因此,要将elem添加到您的html中,您可以执行以下操作:

<div id="navbar">
    <button>Back</button>
</div>

然后修改按钮的样式:

#navbar > button{
margin-top:2%;
float:left;
}

在这里你去!

答案 1 :(得分:0)

我强烈建议使用外部CSS库,例如Bootstrap。它配备了大量的预构建工具,并且具有非常好的文档。

https://getbootstrap.com/examples/navbar/

这里有导航带导航栏的示例。