我有一个导航栏,我想保持固定和居中。我的栏目前居中,但是当我添加“位置:固定”时,它将我的导航栏一直移动到屏幕的左侧。我的导航栏目前距离屏幕顶部大约 20%(居中)。
CSS:
div.social-wrap{
width: 500px;
margin: 0 auto 0 auto;
padding-top: 25px;
}
HTML:
<div class="social-wrap">
<ul>
<li><a href="index.html" class="link_home shadow extend">Home</a>
</li>
<li><a href="about.html" class="link_identity shadow extend">Identity</a>
</li>
<li><a href="books.html" class="link_books shadow extend">Books</a>
</li>
<li><a href="contact.html" class="link_contact shadow extend">Contact</a>
</li>
<li><a href="https://twitter.com/Christdentity" class="link_twitter shadow extend" target="_blank">Twitter</a>
</li>
</ul>
</div>
这是jsfiddle: