如何解决应用Float属性，浮动空间不够的时候，换行的问题

Question

如何解决应用Float属性，浮动空间不够的时候，换行的问题
Html如下：
#CommonContent
{
margin: 0 0 0 168px;
padding: 0px 0px 10px 0px;
width: 80%;
min-height: 600px;   
}* html #CommonContent
{
margin: 0 0 0 168px;
padding: 0px 0px 10px 0px;
width: 80%;
min-height: 600px;   
}#CommonSidebarLeft
{
    float: left;    
}
<div id="CommonBody">
 <div id="CommonSidebarLeft">
<uc1:ControlPanelNavbar id="ControlPanelNavbar1" runat="server"></uc1:ControlPanelNavbar>
</div>
<div id="CommonContent">
<div id="CommonContentInner">
<iframe id="contentFrame" name="contentFrame" width="100%" height="600" scrolling="no" frameborder="0" src="WebForm8.aspx"></iframe>
</div>
</div>
</div> 
当浏览器窗口缩小的时候，<div id="CommonContent"> 这一行就会浮动到 <div id="CommonSidebarLeft"> 下面
如何解决？

Answer 1

加一个table决不会动,楼主试试:
<table width="100%">
  <tr>
      <td valign="top" width="20%">
         <div id="CommonSidebarLeft">
           <uc1:ControlPanelNavbar id="ControlPanelNavbar1" runat="server"></uc1:ControlPanelNavbar>
         </div>
     </td>
     <td valign="top">
        <div id="CommonContent">
           <div id="CommonContentInner"><iframe id="contentFrame" name="contentFrame" width="100%" height="600" scrolling="no" frameborder="0" src="WebForm8.aspx"></iframe>
           </div>
        </div>
      </td>
   </tr>
</table>