html - 单个 HTML 元素在另一个 HTML 元素的开头的位移

Question

看看我的问题：

如何使当您打开弹出窗口时您的页脚向下移动？

这里有一些CSS：

#advanced_search_div_body {
height: 100%;
width: 817;
margin: 0 auto;
padding: 0;
display: table;
background-color: white;
}

#foot {
padding: 30px 0px;
background-color: black;
clear: both;
position: relative;
bottom: 0;
width: 100%;
overflow: hidden;
z-index: 2;

}

Answer 1

可能您需要告诉页脚位于页面下方。

所以，基本上改变#foot position: relative to absolute。尝试这个：

position:absolute;
width:100%;
bottom:0px;

或类似的东西：

position:fixed;
bottom:0;
width:100%;

Answer 2

诀窍是推动器 div：

body,html{
    height:100%;
    display:block;
}
#pusher{
    display:block;
    min-height:100%;
}

演示：http: //jsfiddle.net/nLKLh/1/