Question

我在屏幕底部有一个弹出栏，弹出栏显示但是它覆盖了屏幕的底部。我在另一个div下面有div但它仍然覆盖了底部页面

我希望栏位于浏览器窗口的底部，但当人滚动到底部时，不要覆盖页面的底部。

修改：我希望栏位于屏幕的底部，删除固定或将其更改为相对位置会将其置于页面的底部。

我希望这个div栏只显示在一个页面上，它是CMS的模块，我需要#bar作为页面上的最后一个div。

更改位置：无济于事，因为我还希望栏也在页面上滚动。

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

HTML：

<!-- main div -->
<div id="master">

</div>

<!-- bar div -->
<div id="bar">

</div>

jQuery的：

$(document).ready(function() {


    $('#bar').hide().delay(2000).fadeIn(1000);

});

JSFiddle Here

Answer 1

尝试margin-bottom:100px;到ID #master

这里是jsfiddle链接 http://jsfiddle.net/banded_krait/3vYGS/7/

修改

如果你想在你网站的所有页面中创建它，而不是将页边距或填充放在页面的正文标记上，这将解决你的问题，它将在每一页都有效。：）

body{ margin-bottom:100px; }

Answer 2

只需替换

即可

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

Answer 3

见example 我改变了：

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

Answer 4

这是working example 只需将position更改为relative。

Answer 5

试试这个demo

margin-bottom:14%; in #master

页面底部的div

HTML：

jQuery的：

5 个答案: