如何在固定位置 div 下定位 div答案

【问题标题】：How do I position a div under a fixed position div如何在固定位置 div 下定位 div
【发布时间】：2015-05-15 15:46:01
【问题描述】：

我在页面顶部有一个 position:fixed div，这样当用户向下滚动菜单时，菜单总是停留在顶部。

如何在固定的 div 下方放置另一个 div 元素。

我正在使用 CSS 和 HTML。

我正在使用平滑滚动的 jQuery，并且需要每个部分的标题显示在菜单栏下方。

【问题讨论】：

标签： html css position

【解决方案1】：

类似这样的东西——http://codepen.io/sergdenisov/pen/pJyMGb:

HMTL：

<div class="menu">
    <div class="menu-item">Home</div>
    <div class="menu-item">About</div>
    <div class="menu-item">Demo</div>
    <div class="menu-item">Contact</div>
</div>
<div class="menu-item menu-item_sub">Contact</div>

CSS：

body {
    height: 2000px;
}

.menu {
    position: fixed;
    background: blue;
    width: 100%;
}

.menu-item {
    display: inline-block;
    padding: 30px;
}

    .menu-item_sub {
        position: fixed;
        left: 0;
        top: 60px;
    }

【讨论】：

【解决方案2】：

在绝对位置域中做所有事情。

.1(class){
position: absolute;
left: 10px;
top20px;
}

像上面一样对每个对象进行分类并设置它们的位置。

【讨论】：