Jquery 一页底部的一个div

我在屏幕底部有一个弹出条，弹出条出现但覆盖了屏幕底部。我在另一个

div

下有

div

，但它仍然覆盖了页面底部

我希望该条位于浏览器窗口的底部，但当用户滚动到底部时，该条不会覆盖页面的底部

---

编辑：我希望该条保持在屏幕的底部，通过删除“固定”或将其更改为“相对”，将其放置在页面的底部。

我希望这个div条只出现在一个页面上，它是CMS的一个模块，我需要#条成为页面上的最后一个div

更改位置：将不会有帮助，因为我还希望该栏也在页面上滚动

我不希望在所有其他页面的底部都有一个100px的空间

HTML: 看看这个。
我改变了：

#bar{
  right:0;
  width:60%;
}

---

尝试

页边距底部：100px到id
#主程序

这里是jsfiddle链接

编辑：

如果你想在网站的所有页面上都使用它，那么你必须在页面的主体标签上添加边距或填充，这将解决你的问题，并且在每个页面上都可以使用。：）

这是一个。

只需将
位置
更改为
相对
只需更换此

#master {
    border-style:solid;
    border-width:1px; 
    width:95%;margin:30 auto; 
    border-color: blue; 
    margin-bottom:70px;
    //height: 600px;
}

试试这个

不，我需要横栏100%地浏览页面，我认为你的解决方案在大多数网站上都不太管用，而你必须删除
位置：已修复
。我希望该条保持在屏幕底部，并能够滚动，通过删除固定在页面底部的位置，它保持在页面底部。填充正文底部<代码>正文{填充底部：60px；}
。这就是你的意思？设置#bar div位置：auto；将#杆位置设置为相对不固定。或者在#主控形状的底部添加与#条高度一样大的填充/边距。以上任何一项都不能解决我的问题。我希望该条保持在屏幕底部，并能够滚动，方法是移除固定在页面底部的位置，它保持在页面底部。这只会影响一个页面，而不是整个网站，主div只是一个例子。@JohnnyQ你有没有看过我的评论？你一把它放上去，我就解决了这个问题，哈哈。@JohnnyQ也只是在页面底部添加了一个div。然后用它来放置
边距
或
填充
。或者只在该页面上包含
CSS
。真的不难。正如@Ruddy所说，你必须在页面的主体标签上添加边距或填充，这将解决你的问题，并且在每一页上都有效。：）
#bar{
  right:0;
  width:60%;
}

body{
   margin-bottom:100px;
}

#master {
    border-style:solid;
    border-width:1px; 
    width:95%;margin:30 auto; 
    border-color: blue; 
    margin-bottom:70px;
    //height: 600px;
}

margin-bottom:14%; in #master