为什么我的锚填充在webkit浏览器上不起作用?

时间:2012-12-08 08:52:16

标签: google-chrome safari webkit anchor padding

我有一个使用锚标签的导航。

这是非常基本的,在每个部分之前,我使用

<a id="myid" class="anchor"></a> 

并将其链接到我的主导航。

在css中,我有:

.anchor {padding-top: 45px;}

防止我的粘性导航与每个部分重叠(我的导航高度为45像素)。

我的问题:虽然它在FF上工作正常,Chrome和Safari似乎忽略了我设置的填充顶部。

很抱歉,如果这是一个基本/新问题,但我找不到答案。

感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

display:inline-block添加到.anchor CSS。

Demo