Html 放置两个固定div和下一个要滚动的内容

我有三个div，其中前两个必须固定，第三个滚动。我是这样做的：

.top2{
位置：固定；
宽度：95%；
z指数：10；
顶部：自动；
底部：自动；
}
.topo6{
位置：固定；
宽度：95%；
z指数：10；
底部：自动；
}
acerto先生{
溢出：自动；
}

还是圣门托斯
奥拉门托
参考
设计
量子化
大学
普雷西奥公寓酒店
英勇
恩科门达酒店
福内切多
普雷维斯奥德恩特雷加酒店
格拉瓦

$（窗口）.on（'load resize'，function（））{
var fixedCon=$（'.fixed container'）.outerHeight（）；
$（'.acerto'）.css（'margin-top'，fixedCon）；
});
。固定容器{
位置：固定；
宽度：95%；
z指数：10；
排名：0；
}
acerto先生{
溢出：自动；
}

还是圣门托斯
奥拉门托
参考
设计
量子化
大学
普雷西奥公寓酒店
英勇
恩科门达酒店
福内切多
普雷维斯奥德恩特雷加酒店
格拉瓦

$（窗口）.on（'load resize'，function（））{
var fixedCon=$（'.fixed container'）.outerHeight（）；
$（'.acerto'）.css（'margin-top'，fixedCon）；
});
。固定容器{
位置：固定；
宽度：95%；
z指数：10；
排名：0；
}
acerto先生{
溢出：自动；
}

还是圣门托斯
奥拉门托
参考
设计
量子化
大学
普雷西奥公寓酒店
英勇
恩科门达酒店
福内切多
普雷维斯奥德恩特雷加酒店
格拉瓦
在前两个固定div周围添加一个“wrapper”元素，并将其设置为fixed

<div class="fixed-container">
<div class="topo2">...</div>
<div class="topo6">...</div>
</div>

.fixed-container{
  position: fixed;
}

。固定容器{
位置：固定；
}

还是圣门托斯
奥拉门托
参考
设计
量子化
大学
普雷西奥公寓酒店
英勇
恩科门达酒店
福内切多
普雷维斯奥德恩特雷加酒店