如何解决页脚仅出现在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 举报,一经查实,本站将立刻删除。