Css 粘脚在IE中不起作用

Css 粘脚在IE中不起作用,css,internet-explorer,css-position,computability,Css,Internet Explorer,Css Position,Computability,我已经为我的网站创建了一个粘性页脚,您可以在此小提琴中查看: 它适用于JSFIDLE中的所有浏览器,但当我在页面中放置代码时,它在IE8-9中不起作用: 我还尝试: position: absolute; bottom: 0; right: 12%; 但这并没有起作用 多亏了“我的头痛”,解决办法是 编辑掉注释的标题 <!--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">--> <!

我已经为我的网站创建了一个粘性页脚,您可以在此小提琴中查看:

它适用于JSFIDLE中的所有浏览器,但当我在页面中放置代码时,它在IE8-9中不起作用:

我还尝试:

position: absolute; bottom: 0; right: 12%;
但这并没有起作用

多亏了“我的头痛”,解决办法是 编辑掉注释的标题

<!--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">-->
<!--<!DOCTYPE HTML>-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">-->
<!--<!DOCTYPE HTML>-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


谢谢

在您的样式中添加以下内容并尝试:

<style>
    *html, body {
        height: 100%;
    }
</style>

*html,正文{
身高:100%;
}

删除
之前的注释!Doctype
因为这些强制IE进入怪癖模式


<!--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">-->
<!--<!DOCTYPE HTML>-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">