浮動權利在IE 7中不起作用，但在FF IE8中起作用

Question

我有這個代碼

<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

我最初將其發布為評論，但也可能將其作為答案。

為什么不對#newsletter_box和內聯float:left div只使用float:left #newsletter_box ？ 這樣可以確保它們都垂直位於同一位置，然后可以使用％寬度調整水平位置。

我還將檢查這篇文章以清除浮動內容，因為您涉及到圖像。

Answer 2

您還需要浮動左欄，將float:left添加到#facebook_bar。