Question

如何在不影响下方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;
}

谢谢！

Answer 1

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

Answer 2

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

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

在不影响最高保证金的情况下划分Div？

2 个答案: