IE9 中的“左边距”答案

【问题标题】："margin-left" in IE9IE9 中的“左边距”
【发布时间】：2012-03-31 06:04:28
【问题描述】：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

.rightBann{
    float:right;
    width:188px;
    height:254px;
    border:1px solid #ddd;
    border-left:0 none;
    border-top:1px solid #ddd;
}

<div class="rightBann" style="position:absolute; background-color:#ffffff; margin-left:110px;">
    Object
</div>

在 Crome 浏览器上看起来很完美。但在 IE9 中，Object 的左侧还有 110px 的空间。（从左算起总共 220px）这个 CSS 是怎么回事？

【问题讨论】：

文档类型：ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" rel="nofollow" target="_blank">w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
因为你设置了margin-left:110px，所以多了110px的空间。你在期待什么？
你的代码是真的。问题是你的ie9选项。此代码在我的工作。您可以使用元标记强制模式。请参阅 msdn.microsoft.com/en-us/library/ie/cc288325(v=vs.85).aspx

标签： css absolute

【解决方案1】：

这是你想要的吗？我用padding-left。

http://jsfiddle.net/ZQMew/

【讨论】：