Question

我使用这种样式信息使我的页脚粘在我的网页底部，它在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%; */ }

现在，有人请告诉我，在.css文件中添加条件CSS注释是否合法，该文件作为外部文件包含在HTML文件中？我猜不会。如何在不使用其他仅IE CSS文件的情况下使用此条件注释？

Answer 1

几个星期前我遇到了同样的问题，发现了一个相当不错的教程。 Click here!这个解决方案背后的一般想法是创建一个包装器，它可以吸收大部分页面，只留下足够的空间让页脚位于页面底部。这个技巧肯定适用于IE。

Answer 2

这应该有所帮助：

html {
height: 100%;
}

查看源代码并在任何浏览器上进行尝试：Footer at the bottom of the page。它适用于IE7，IE8和IE9，只有IE6及以下不会因为min-height属性。我认为正确的DOCTYPE将解决您的问题。希望有所帮助。

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

2 个答案: