Javascript 引导问题，下拉菜单隐藏在另一个元素后面

我是使用bootstrap框架进行开发的新手，我遇到了无法解决的问题

我需要创建一个由两部分组成的页面：导航部分，内容部分。内容部分应该是可滚动的，它由一些生成的数据javascript组成，因此下面是代码：

函数加载数据{ 严格使用； var i，divMain，divContent； divMain=document.getElementByIddata； 对于i=0；i<100；i+=1 { divContent=document.createElementdiv； divContent.setAttributeid，div_content+i； divContent.innerHTML+=某些数据+i； divMain.appendChilddivContent； } } html，正文 { 溢出y：隐藏； } 数据 { 位置：绝对位置； 宽度：100%； 身高：95%； 溢出y：滚动； } 按钮1 按钮2 按钮3 值1 价值2 价值3 一些文本。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 一些文本。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 根据评论进行编辑：

设置导航固定：

函数加载数据{ 严格使用； var i，divMain，divContent； divMain=document.getElementByIddata； 对于i=0；i<100；i+=1{ divContent=document.createElementdiv； divContent.setAttributeid，div_content+i； divContent.innerHTML+=某些数据+i； divMain.appendChilddivContent； } } html， 身体{ 溢出y：自动； } 资料{ 边缘顶端：40px； 宽度：100%； 身高：95%； /*溢出y：滚动*/ } .导航{ 位置：固定； } 按钮1 按钮2 按钮3 值1 价值2 价值3

---

您的导航是否需要始终可见？您的下拉列表被阻止的原因是它下面的div有position:absolute。这个css规则所做的是将其从html的正常流中删除，并将其放在其他元素的顶部。换言之，在你的下拉列表的顶部。而且，我不能让内部滚动条在chrome中与上面的代码一起滚动。顶部窗口的外部滚动条可以工作。导航部分按钮不应该是可滚动的，所以这不是正确的解决方案。无论如何，谢谢你的评论。我怀疑它是@Syden。您有两个滚动条，并且您正在使用导航条隐藏数据div中的文本。