如何在同一行上插入3個div div>

我嘗試在同一行插入2個div，並且不在工作。最後一個div總是放在頁面的底部。如何在同一行上插入3個div div>

這裏的CSS：

#content1 
    { 
    background-image:url(html/images/content1.png); 
width: 23.4%; 
height: 100%; 
margin-top: 9%; 
margin-left: 0; 
padding-bottom: 5%; 
} 
.middle_menu 
{ 
list-style-type:none; 
font-family:Arial, Helvetica, sans-serif; 
font-size:13px; 
color:#BDBDBD; 
text-decoration:none; 
padding: 5%; 
    } 
    #chat_menu 
{ 
background-image:url(html/images/content1.png); 
width: 23.4%; 
height: 100%; 
margin-top: 1%; 
margin-left: 0; 
} 
#chat 
{ 
padding-top: 2%; 
padding-bottom: 2%; 
    margin-left: 2.5%; 
    } 
    #content2 
    { 
    background-image:url(html/images/content2.jpg); 
    width: 70%; 
    height: 100%; 
    margin-top: 1%; 
    margin-left: 0; 
    }

而這裏的HTML：

<div id="content1"> 
       <ul class="middle_menu"> 
      <li><a href="index.html" >Naruto Shippuden Ep. 313</a></li>                                                   
      <li><a href="index.html" >Strike Witches Ep. 8</a></li> 
      <li><a href="index.html" >Sword Art Online Ep. 24</a></li> 
      <li><a href="index.html" >Baccano! Ep. 8</a></li> 
     </ul> 
       </div> 
    <div id="chat_menu"> 
       <div id="chat">"Here's a online chat script"</div>      
      </div> 
    <div id="content2" style="float: right;"> 
     <img src="html/images/2.png" align="center" valign="center"> 
     </div>

所以有兩個div在網頁中放置一個在另一個之上的左側，我希望把第三div與這兩者在同一行上稱爲「content2」。如果有人能幫助我，我將不勝感激。

來源

2013-05-17 14k

好吧，你的寬度不加起來。 23.4 + 23.4 + 70 = 116.8％。再加上，你只浮動了'content2' div，所以無論你嘗試什麼，'content1'都會走上自己的路線。 –