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; 
}