位置：绝对在 IE8 中动态大小的元素答案

【问题标题】：position:absolute in dynamic sized element in IE8位置：绝对在 IE8 中动态大小的元素
【发布时间】：2014-02-07 12:42:51
【问题描述】：

我在这里有一个关于 IE8 中的 CSS 的问题并询问可能的解决方法。

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

我有一个 100%-100% size 的 div，在一个 body 元素中设置最小宽度和最小高度。

这意味着 div 被拉伸到窗口大小，除非窗口太小，否则会出现滚动条。

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

它在 IE8 上的作用是，在页面加载期间，页脚 div 将自身置于屏幕底部，不管最小高度如何，依此类推它与内容重叠的小屏幕并且滚动不会移动它，因此它只会在页面上出现的任何位置保持冻结状态。

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

我该怎么办？

您可以查看here （页面的代码很糟糕，我只是为了修复一些不起作用的东西而为 IE8 优化它是一项艰巨的工作）

在线下：不应该有一个单独的 StackExchange 网站用于网页设计吗？我的意思是，stackoverflow 是为热情的程序员而设计的，而网页设计并不是真正的编程，除非我们询问 PHP、JS 等，而这与设计无关......

【问题讨论】：

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

【解决方案1】：

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

【讨论】：

position:relative 似乎是 chrome 中的默认值，所以当我添加规则然后在开发者工具中禁用它时，它的作用与 IE8 相同。所以我想使用position:relative 是正确的，因为某些浏览器可能默认没有这个。但是，IE8 仍然保持不变。需要注意的是，当我滚动时，页脚不会粘在屏幕底部，而是停留在页面加载时屏幕底部的位置。（检查this 和this）。
虽然调整大小确实会将它移动到屏幕底部（或者更准确地说，当页面向上滚动时底部在哪里）给我一点时间，我会给全屏添加红色div...所以似乎 IE8 忽略了我的最小高度，因为无论最小高度规则如何，它总是将大小调整为屏幕大小的 100%。
刚刚修好了。发生的事情是 fullscreen div 在 IE8 中被调整为 100% 的屏幕，而在 Chrome 和大多数其他浏览器中，它被调整为设置了 min-height 的父级（body）的 100% .所以基本上只需为 fullscreen 元素设置最小高度即可。
很抱歉没有回复您；由于某种原因，我没有收到有关此的电子邮件...
但很高兴听到你把它整理出来:)