标签: google-chrome safari webkit anchor padding
我有一个使用锚标签的导航。
这是非常基本的,在每个部分之前,我使用
<a id="myid" class="anchor"></a>
并将其链接到我的主导航。
在css中,我有:
.anchor {padding-top: 45px;}
防止我的粘性导航与每个部分重叠(我的导航高度为45像素)。
我的问题:虽然它在FF上工作正常,Chrome和Safari似乎忽略了我设置的填充顶部。
很抱歉,如果这是一个基本/新问题,但我找不到答案。
感谢您的帮助!
答案 0 :(得分:1)
将display:inline-block添加到.anchor CSS。
display:inline-block
Demo