html - 位置 :absolute in dynamic sized element in IE8

标签 html css internet-explorer-8 css-position

我来这里是为了询问有关 IE8 中 CSS 的问题,并寻求可能的解决方法。

我有一个带有粘性页脚的网站。

我有一个 div 100%-100% 大小,在 body 元素中设置最小宽度最小高度

这意味着 div 被拉伸(stretch)到窗口大小,除非窗口太小,在这种情况下,会出现滚动条。

在那个 div 里面,我有另一个 div 元素(一个粘性页脚),绝对位置底部div 的 em>。 正文的最小高度 设置为当页脚 div 到达页面内容时它停止向上移动,因此它不会与内容重叠。现在它在除 IE8 之外的所有浏览器中都能正常工作。 IE8总是有问题...

它在 IE8 上的作用是,在页面加载期间,页脚 div 将其自身设置在屏幕底部,不管最小高度如何,依此类推小屏幕它与内容重叠并且滚动不会移动它,所以它只是在页面上出现的任何地方保持卡住状态。

看来问题不在页脚,而是主要的 div 没有调整到屏幕的 100%...

我该怎么办?

可以查一下here (该页面的代码很糟糕,我只是用它来修复一些无法正常工作的东西,并且针对 IE8 对其进行优化是一项艰巨的任务)


底线:难道不应该有一个单独的 StackExchange 站点用于网页设计吗?我的意思是,stackoverflow 适用于热情的程序员,而网页设计并不是真正的编程,除非我们询问的是 PHP、JS 等,而这与设计无关...

最佳答案

我可能误解了这个问题,但我觉得页脚没有正确包含在 div 中。 要解决此问题,请添加:position: relative 到div

关于html - 位置 :absolute in dynamic sized element in IE8,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21628098/

相关文章:

javascript - 将获取远程链接加载到引导模式框中

javascript - 如何使用 Javascript 滚动到下一个 div?

jquery - 根据 HTML 文本设置宽度

javascript - 搜索多个用户的输入并显示其中最常用的词

internet-explorer - CSS3PIE 悬停问题

javascript - 仅在预加载器结束后加载 jquery 事件

javascript - insertAfter() 中断点击事件

php - 添加 CSS Avada 响应式移动设备

javascript - 检测 IE8 中的 mouseout 事件

jquery - 动态生成的 HTML/CSS 网页,将鼠标悬停在表格中时会调整其大小