问题与位置：固定和散列标记（详细内容）

我有一个position:fixed;导航栏。每当我转到mypage.html＃myid时，导航栏会重叠myid的一些内容。如何将整个页面向下移动一点，以便导航栏不覆盖内容？问题与位置：固定和散列标记（详细内容）

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

来源

2012-04-10 Leo Jiang

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

一些代码将有助于...

来源

2012-04-10 01:44:06

IE7有问题与边距，我想填充机顶更安全。 – Jay 2012-04-10 01:45:54

IE7在浏览器方面存在问题。 – 2012-04-10 01:50:26

跟我说说吧！ – Jay 2012-04-10 01:52:36

有一些hacky解决方案需要。

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

逻辑是在#myID内容前添加隐藏元素，这样浏览器会给它一个隐藏空间。由于利润空间的减少会阻止它提供物理空间。

请看看这里查看详细：http://css-tricks.com/hash-tag-links-padding/

来源

2013-03-12 13:58:43 Mesma

您可以在有关链接内容的答案和建议的解决方案的几个字中添加一些说明吗？ – 2013-03-12 14:26:29

问题与位置：固定和散列标记（详细内容）

回答

相关问题