我有两个div,top div的样式如下:
.context_left {
float:left;
display:inline-block;
width:775px;
padding-left:10px;
margin-top:20px;
min-height:450px;
margin-bottom:20px;
}
而它下面的div具有样式:
.footer {
width:100%;
height:54px;
display:block;
position: absolute;
margin-top:80px;
left:0;
}
当div context_left改变它的高度时,div的页脚仍然保持在它的位置,如果context_left div改变了它的高度,我想把页脚div向下移动。有人能帮我吗?
6条答案
按热度按时间qyyhg6bp1#
您是否尝试将此lign添加到您的。页脚
并删除位置:绝对的;
xoshrz7s2#
您已将页脚设置为位置:这意味着你的页脚应该是固定的,但是从它的父级继承。
尝试将绝对值更改为相对值,看看这是否是您想要的。
0wi1tuuw3#
删除了页脚中的
position: absoulte
。试试这个。因为页脚将保持在相同的位置,直到position:absolute保留在样式中。6tqwzwtp4#
CSS:
工作提琴:http://jsfiddle.net/dMawS/show
fzwojiic5#
如果页面底部的粘性页脚是您正在寻找的,那么这可以帮助您:
页脚将始终位于浏览器视区的底部 * 或内容下方 *。
Demo
Try before buy
ttvkxqim6#
你可以在JavaScript中使用一个新的ResizeObserver。它有一个“callback”参数,和一个“observe()”方法,该方法有一个“target”参数。试试这个,它完全精确。