浮动权是不是在IE 7中工作，但在FF IE8工作(Float right is not worki

我有此代码

<div id="facebook_bar"> 
  <div style="float:left;">
  <img src="images/topbar_followus.png" width="70" height="25" /> 
  <img src="images/topbar_twitIcon.png" width="30" height="25" /> 
  <img src="images/topbar_fbicon.png" width="30" height="25" />
  </div>
    <div id="newsletter_box"> 


   <img src="images/topbar_subscribe.png" width="220" height="25" />
      <input type="text" name="cm-ktkykk-ktkykk" id="ktkykk-ktkykk" />
      <input type="image" src="images/btn_submit.png" width="55" height="25" />

      </div>
  </div>

CSS是

#facebook_bar {
 background-color:#323334;
 height:30px;
 padding-top:15px;
 padding-left:20px;
 padding-right:20px;
}
#newsletter_box {
 float:right;
 /*margin-top:-30px;*/

}

右手DIV正显示出第一个div之后不是在同一行上下一行

Answer 1:

我initally张贴这作为注释，但还不如给你它作为一个答案。

你为什么不只是使用float:left两个#newsletter_box和内联浮动股利。 这将确保他们都在同一个位置坐垂直，那么你可以使用％宽度调整的水平位置。

我也想看看这个文章来清除浮动，因为你有涉及到的图像。

Answer 2:

您需要浮动左酒吧以及加float:left到#facebook_bar。

文章来源: Float right is not working in IE 7 but works in FF IE8