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

[zengjd]

如何解决应用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"> 下面
如何解决？

[koukoujiayi]

加一个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>