IE 9忽略页面上最后一个元素的页边距底部

Question

如果我向页面上最后一个元素（在我的情况下是一个div）添加页边距，它会在IE 9中忽略。换句话说，最后一个元素是与窗户底部齐平。

这是一个已知的问题？它在Chrome/Firefox中按预期工作。

Answer 1

我已经设置了一个简单的测试，看看我是否可以重现您的问题。一是按照你的领导，我提供了一些HTML - 被肯定让最后一个元素的div：

<div></div><div></div> 
<div></div><div></div> 

然后有些款式：

div { 
    height: 50px; 
    background: red; 
    margin-bottom: 50px; 
} 

我随后就来测试IE9在Windows 7上使用browserstack - 我无法重现您的问题。在我的情况下，浏览器在最后一个元素周围提供了合适的间距。

小提琴：http://jsfiddle.net/jonathansampson/EgjVn/

Answer 2

如果div的是浮动的，但包含分区是不是这是真实的。

<div class='outer'> 
    <div class='inner'>dfsdfs</div> 
    <div class='inner'>sdfsdf</div> 
    <div class='inner'>vxcvxv</div> 
    <div class='inner'>cvxcv</div> 
</div> 

div.outer { 
    background: green; 
} 

div.inner { 
    height: 50px; 
    background: red; 
    margin-bottom: 50px; 
    display:block; 
    float:left; 
    clear:left; 
}