如何在固定位置div下放置div

时间:2015-05-15 15:46:02

标签: html css position

我有一个位置:在页面顶部固定div,这样当用户向下滚动时,菜单始终位于顶部。

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

我正在使用CSS和HTML。

layout

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

2 个答案:

答案 0 :(得分:1)

这样的事情 - http://codepen.io/sergdenisov/pen/pJyMGb

<强> HMTL:

p = Product.joins(:location).group(:location_id, :variety).
    pluck(:city, :variety).map{|e| e.join(' ')}

<强> CSS:

<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>

答案 1 :(得分:-1)

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

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

如上所述,用类对每个对象进行分类并设置其位置。