IE8不尊重基本的CSS规则

时间:2014-01-10 05:43:13

标签: css internet-explorer-8

我的website上有一个固定的页脚,为了在它与主要内容之间创造空间,我给了后者一个底边。这在Chrome和Firefox中运行良好。

enter image description here

我用于此的规则是

div#wrap>div:last-child{ 
margin-bottom:45px;
}

然而,IE8似乎并不尊重这个(非常基本的!)CSS规则,如下所示。

enter image description here

在IE8提供任何错误/警告的情况下,它没有提及有关此规则存在问题的任何内容。增加margin-bottom无效,因此规则似乎完全被忽略。有人理解为什么吗?对此有什么好的解决方法?

1 个答案:

答案 0 :(得分:0)

:last-child是css3选择器,如果使用,将不会在ie8中应用。

第一种替代解决方案(不推荐)

:first-child+(all the tags until the end) //:first-child+div+div+td+....
{
margin-bottom:45px;
}

选项2(推荐) 给最后一个孩子上课并添加你的CSS样式