如何解决应用Float属性,浮动空间不够的时候,换行的问题
如何解决应用Float属性,浮动空间不够的时候,换行的问题
Html如下:
HTML code
#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"> 下面
如何解决?