Question

#a {

margin-top:25px;
float:right;
width:390px;
margin-left:0px;
margin-right:48px;
padding-left:5px;
border:thin;
 border-color:#999999;
 border-style:solid;
 border-radius: 10px;
 margin-bottom:50px;
}

#b {
margin-top:25px;
/*margin-right:450px; */
width:390px;
margin-left:50px;
margin-right:0px;
/* padding-right:5px; */
border:thin;
 border-color:#999999;
 border-style:solid;
 border-radius: 10px;
 margin-bottom:50px;


}

但问题是#b没有与IE中的#a（同一行）并行显示

Answer 1

您的标记顺序也很重要。我的猜测是你的标记看起来像：

<div id="b"></div>
<div id="a"></div>

大多数浏览器都会正确地渲染它，但实际上错误的方法是为浮动命令块元素，并且IE没有补偿。正确的顺序：

<div id="a"></div>
<div id="b"></div>

如果以另一种方式执行此操作，IE会呈现“b”块元素并将其视为“a”浮动块元素无法浮动的天花板。

如果我对标记顺序错了，那么它可能是像@wajiw建议的宽度计算问题。

Answer 2

将position:relative;添加到您的对象中。您可能必须对包含#a和#b的任何内容执行此操作。

您可能还需要将float:left;添加到#a

IE中的浮动问题

2 个答案: