微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

页脚仅出现在IE中的页面中间

如何解决页脚仅出现在IE中的页面中间

| 我使用此样式信息使页脚停留在网页底部,并且在FF,Chrome和Opera中超级有效。仅在IE中,页脚出现在页面的中间而不是底部
body { margin: 0; padding: 0; height: 100%; font-family: Georgia; }

#parent 
{
    min-height: 100%;
    position: relative;
}

#header { position: relative; left:0px; top:0px; width: 100%; height:45px; background-color: black; }

#content { padding-bottom: 150px; position: relative; }

#footer { position: absolute; left: 0px; width:100%; bottom: 0; height:80px; background-color: black; }
HTML结构如下: HTML正文标签 父母 标头 内容 页脚 更新资料 我发现如果为IE添加条件此选择器,则它可以在两种浏览器中使用。
#parent { height: 100%; /* min-height: 100%; */ }
现在,有人可以告诉我在包含在HTML文件中作为外部文件的.css文件添加条件CSS注释是否合法?我猜不是。如何在不使用其他仅IE CSS文件的情况下使用此条件注释?     

解决方法

        这应该有助于:
html {
height: 100%;
}
查看源代码,然后在任何浏览器上进行尝试:页面底部的页脚。它适用于IE7,IE8和IE9,仅IE6及以下版本不会使用min-height属性。我认为放入正确的DOCTYPE将解决您的问题。希望能有所帮助。     ,        几周前,我遇到了同样的问题,并且找到了一个很好的教程。点击这里!该解决方案背后的总体思路是创建一个包装程序,该包装程序吸收页面的大部分内容,只为页脚放置在页面底部留出足够的空间。此技巧绝对适用于IE。     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。