我如何创建一个粘性的导航栏，该杆含量为中心并适应不同的屏幕尺寸

Question

我肯定是整个网站上的新手。我想创建一个类似于happycog.com/上的湿导航栏，我想在导航上有7或8个链接。谁能帮助菜鸟？

Answer 1

我想您的意思是CSS和HTML。

html

<div class="navbar">8 li items</div>

CSS

.navbar {
width:100%;
position:fixed;
top:0;
}

您必须给包含的元素一个宽度（或" html" 100％的所有内容）。

Answer 2

您可以从诸如Foundation

之类的框架开始

或bootstrap

开始使用这些文档很多，社区很大。

Answer 3

首先，意识到您需要一个具有指定宽度（例如980或1180像素）的8个链接的容器。此外，重要的是，其母体容器（包含我们的链接容器的容器）具有浏览器当前长度的宽度。

所以假设您的链接容器是<div id="links-container">，并且包含 <a href="#">Home</a><a href="#">Contact Us</a>等，我们的.link-container的父母是身体标签。 - 这就是HTML的全部，现在我们使用的是CSS。

我们将通过赋予其样式属性（内联或CSS）

来设置容器（带有链接）（带有链接）

.links-container {
    // this will make the container float
    // at the center of its parent container
    margin:0 auto;
    // this will set the container's width
    // if not set, it will inherit its parent's width
    width:980px;
}