位置问题：固定和散列标签（正文中的详细信息）

Question

我有一个position:fixed;导航栏。每当我转到mypage.html＃myid时，导航栏都会重叠myid的部分内容。如何将整个页面向下移动以使导航栏不覆盖内容？

P.S。我试过了body{padding-top:50px;}

Answer 1

你不能在myid div上使用margin-top？你的主要内容应该在div里面，这个div应该在body里面，然后myid div可以从body下推，为固定的导航栏提供足够的空间。

有些代码可以帮助......

Answer 2

需要一些hacky解决方案。

#myID:before { 
  display: block; 
  content: " "; 
  margin-top: -285px; /* navigation height */
  height: 285px; /* navigation height */
  visibility: hidden; 
}

逻辑是在#myID内容之前添加隐藏元素，以便浏览器为其提供隐藏空间。给予valie作为margin-top将会阻止它给出光滑的空间。

请详细了解此处：http://css-tricks.com/hash-tag-links-padding/