IE9中的“margin-left”

<!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）这是怎么回事？IE9中的“margin-left”

来源

2012-03-30 Paul Cho

文件类型：<！DOCTYPE HTML PUBLIC “ - // W3C // DTD XHTML 1.0 Strict标准// EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict.dtd“> – 2012-03-30 22:01:02

还有一个额外的110像素的空间，因为你设置了”margin-left：110px“。你在期待什么？ – Madbreaks 2012-03-30 22:03:36

你的代码是true.problem是你的ie9选项。这段代码在mine中工作，你可以用meta标签强制模式。请参阅msdn.microsoft.com/en-us/library/ie/cc288325(v=vs.85).aspx – 2012-03-30 22:04:20

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

http://jsfiddle.net/ZQMew/

来源

2012-03-30 22:04:28 mattytommo

IE9中的“margin-left”

回答

相关问题