链接到 div 但有边距答案

【问题标题】：Link to a div but with margin链接到 div 但有边距
【发布时间】：2013-11-20 09:00:00
【问题描述】：

我正在使用 Slicknav jQuery 插件制作一个简单的应用程序来制作适合移动设备的菜单。

[这里][1]你可以看到这个例子。

里面有四个div：home-second-third-fourth。

当我点击一个链接时，它会正确进入菜单。但是 div 的标题被菜单覆盖。我需要做的是不完全链接 div 开始的位置，而是 50px 向上。我怎样才能做到这一点？这可能吗？

谢谢！

【问题讨论】：

这很常见，不用担心使用 padding 或 margin
能否请您发布您的代码
代码在这里：jsbin.com/UqUloNO/7/edit

标签： jquery html css menu hyperlink

【解决方案1】：

试试这个：

  .section{
  padding-top:50px; /*or you can use margin as well*/
    }


<div class="section" id="home"> … </div>
<div class="section" id="second"> … </div>
<div class="section" id="third"> … </div>
<div class="section" id="fourth"> … </div>

你的标题

.slicknav_menu

是固定的部分，它总是隐藏任何来自它的用户。所以你需要避免事情发生在它之下。使用内边距或边距

【讨论】：

我已经添加了一个 div，如你所说：jsbin.com/UqUloNO/10/edit 第一个部分可以正常工作，但其他部分将成为菜单栏。为了避免这种情况，我必须在哪里设置边距？谢谢！
你应该在每个部分之前留一些空间

【解决方案2】：

改变

 <div id="home">

到

 <div id="home" style="margin-top:55px;">

内联，因为您使用的是外部样式表。

【讨论】：