ie中div设置底部固定后,不随着浏览器的分辨率变化而出现div位置的变动

来源:互联网 发布:淘宝侵犯肖像权赔偿 编辑:程序博客网 时间:2024/05/18 11:08

废话不多说直接解释:

首先说一下我的div布局。

上面有2个div是叠在一起的,点击切换按钮,切换div的显示。但是两个div高度不同,初始显示的div高度小,切换后的div的高度大。

下面一个div,

当我切换上面的div的时候,下面的div会出现位置不变,就是说:隐藏的div的高度位置是下面的div的起始位置,这样,导致下面的div的一部分会被切换后的div覆盖,而且,下面的div的底部会上移,不保持在页面的底部。

这个问题在ie6中没有问题。但是在ie其他版本就出现了

div的css有style{bottom:0}这个在ie6没有问。

在ie7、8、9中虽然可以实现保持在底部,但是不是在页面底部,而是在电脑屏幕的底部,当浏览器的分辨率发生变化的时候就会出现大的问题了。

所以解决这个问题我的解决办法是:

在下面的div的父级的div中设置position:relative,


在下面的div的css中加入:bottom:0;position:absolute;

到这里。问题解决。

结贴。祝好运

原创粉丝点击