如何在沒有在IE中的電子郵件中推送其他內容的情況下讓div溢出？

我試圖在電子郵件中放置一個div，使其溢出後來放置的div，這些div是內聯塊（而不是將它們壓下），這是因爲所討論的div是display：inline。它似乎在Chrome中工作，但我無法在IE中正確渲染它，在那裏它被後來放置的內嵌塊div所限制。如何在沒有在IE中的電子郵件中推送其他內容的情況下讓div溢出？

這是我在說什麼（用DIV問題具有藍色背景）的例子：

<html> 
<head> 
<style type="text/css"> 
* { 
    margin: 0; 
    padding: 0; 
    border: 0; 
} 
div { 
    *display: inline!important; 
    _height: 1px; 
} 
</style> 
</head> 
<body style="width: 300px; height: 300px;"> 
    <div style="margin: 0; padding: 0; font-size: 1px; display: block!important; width: 300px; height: 300px; background-color: green;"> 
    <div style="margin: 0; padding: 0; font-size: 1px; display: inline-block; width: 300px; height: 10px; background-color: gray;"></div> 
    <div style="margin: 0; padding: 0; font-size: 1px; display: inline-block; width: 10px; height: 280px; background-color: gray;"></div> 
    <div style="margin: 0; padding: 0; display: inline-block; width: 280px; height: 280px; background-color: red; line-height: 23px; font-family: Helvetica, Arial, FreeSans, san0serif; color: #333;"> 
     <div style="margin: 0; padding: 0; margin-top: 0; width: 150px; height: 320px; background-color: blue; display: block;"></div> 
    </div> 
    <div style="margin: 0; padding: 0; display: inline-block; width: 10px; height: 280px; background-color: gray;"></div> 
    <div style="margin: 0; padding: 0; display: inline-block; width: 300px; height: 10px; background-color: gray;"></div> 
    </div> 
</body> 
</html>

這是如何呈現在Chrome（和我將如何指望它渲染）： Correct