将项目添加到导航栏

Question

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

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

将文本添加到导航栏没有问题，因为我就是这样做的：

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

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

Answer 1

因此，要将您的元素添加到您的 html 中，您可以执行以下操作：

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

然后稍微修改一下按钮的样式：

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

给你！

Answer 2

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

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

Adding items to nav bar