指定最小宽度

Question

我的HTML代码如下所示

<div id="header">
    <div id="wrapHeader">
        <div id="logo"></div>
        <div id="toolbar"></div>
    </div>
</div>

CSS为

#header{
    height: 55px;
}

#wrapHeader{
    height: 50px;
    min-width: 960px;
    margin: 0 auto;
}

#logo{
    float: left;
    width: 125px;
    height: 50px;
}

#toolbar{
    width: 800px;
    height: 50px;
    float: right;
}

这里，徽标宽度= 125px＆amp; #toolbar width = 800px;

我想要的是，当浏览器调整大小时，我想停止960px的流体结构（我尝试在#wrapHeader处声明min-width = 960px但我不确定这是否是正确的方法）。 马上，我不想将#wrapHeader宽度设置为960px，因为当屏幕展开时它不会扩展#logo和#toolbar。

请帮助。

Answer 1

也许你应该将心灵宽度添加到html定义中。

html {
min-width: 960px;
}