当窗口宽度小于正常值时,右浮动div位于左div之后,没有浮动

您可以使用媒体查询来定义您的CSS:

• Media Queries

例如:

@media all and (max-width: <SET WIDTH HERE>) and (min-width: <SET WIDTH HERE>) {
    //Define CSS here for screen size 
}

或者,您可以更改定义 width 在您的 <div> 使用百分比。

这样地:

#commit-header_panel_left
{
    height:74px;
    min-width: 30%; //replace with required value
}

#commit-header_panel_right
{
    min-width: 30%; //replace with required value
    width:expression(document.body.clientWidth < 573? "573px": "auto" );
    height:74px;
}

如果你想要水平滚动条,那么为你的标题设置一个最小宽度

#commit-header_panel
{
    min-width: 1203px
}

修复 width 的 commit-header_panel 同上。

最简单的方法是找到面板开始重叠的宽度,然后设置最小宽度:Xpx;到父容器。这允许面板动态响应窗口的大小调整,但会创建一个停止点,面板将不再移动。

您可能还想将面板宽度设置为width:auto;或宽度:X%;因为一些浏览器可能只是简单地捕捉到最小宽度而不响应不断变化的窗口大小。

#commit-header_panel {
background-color: #c5e8fc;
height:74px;
width: 100%;
min-width: 900px;
}

然后一定要用以下方法清除浮子:

<div style="clear: both;"></div>