Html 在IE中，我如何使div溢出而不将电子邮件中的其他内容向下推？
我试图在电子邮件中放置一个div，这样它就会溢出后来放置的inline block div（而不是向下推），因为所讨论的div是display:inline。它似乎在Chrome中工作，但我无法让它在IE中正确渲染，在IE中它被一个稍后放置的内联块div绑定 下面是我正在谈论的一个示例（所讨论的div具有蓝色背景）：Html 在IE中，我如何使div溢出而不将电子邮件中的其他内容向下推？,html,internet-explorer,css,Html,Internet Explorer,Css,我试图在电子邮件中放置一个div，这样它就会溢出后来放置的inline block div（而不是向下推），因为所讨论的div是display:inline。它似乎在Chrome中工作，但我无法让它在IE中正确渲染，在IE中它被一个稍后放置的内联块div绑定 下面是我正在谈论的一个示例（所讨论的div具有蓝色背景）： * { 保证金：0； 填充：0； 边界：0； } div{ *显示：内联！重要； _高度：1px； } 这就是它在Chrome中的渲染方式（我希望它是这样渲染的）： 这是它在
* {
保证金：0；
填充：0；
边界：0；
}
div{
*显示：内联！重要；
_高度：1px；
}
如何让IE像在Chrome中那样呈现此div？大多数电子邮件客户端并没有100%一致地收听css。这在某种程度上也适用于web客户端电子邮件视图。您需要将2个div与容器对象解耦。IE：两个单独的包含，所以当左边的一个溢出时，右边的div不会溢出
编辑：这里有一个很好的兼容性映射：您是否尝试过浮动红色和蓝色div？这会将它们从文档流中删除，如果相对定位和z索引正确，则应按您的要求显示。溢出：可见可能会起作用。这是默认设置，即使我尝试覆盖它，似乎也没有什么不同
<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>