Div 在 Div 之上而不影响上边距？答案

【问题标题】：Div Ontop of Div Without Effecting Top Margin?Div 在 Div 之上而不影响上边距？
【发布时间】：2012-03-15 18:57:40
【问题描述】：

如何从页面顶部定位 div 而不影响其下方 div 的位置？即我有一个导航 div 沿着我的页面顶部运行（距顶部 0px 的边距）。我还有一个包装器 div，它位于距顶部 100px 的位置。如果我决定将导航 div 从顶部移动 10px，它会将包装器 div 从顶部推到 110px。我不希望这种情况发生。我不想使用绝对定位。

HTML

<body>
    <div id="nav"></div>
    <div id="wrapper"></div>
</body>

CSS

#nav {
height: 69px;
width: 1000px;
margin-right: auto;
margin-left: auto;
}

#wrapper {
height: 775px;
width: 1000px;
margin-right: auto;
margin-left: auto;
margin-top: 100px;
}

谢谢！

【问题讨论】：

相对定位呢？

标签： html css

【解决方案1】：

#nav {
  position:relative;
  top: 10px;
}

【讨论】：

那么你的 HTML/CSS 中有一些东西会导致这种情况。还有代码吗？或者我们可以查看的链接？
是的，确实如此！

【解决方案2】：

在包装器 div 上使用负边距，等于您在导航 div 上放置的值。

#wrapper { margin-top: -10px; }

【讨论】：

这篇文章的重点是不影响下面的 div。不补偿。