页脚仅出现在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。