分配最小宽度

我有我的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 & #toolbar宽度= 800像素;

我想要的是，当浏览器调整大小时，我想停止960px的流体结构（我试图通过在#wrapHeader声明min-width = 960px来尝试，尽管我不确定它是否是正确的方法做）。向右走，我不希望给#wrapHeader宽度960像素，因为它不会扩大#logo和#toolbar在屏幕扩大。

请帮忙。

来源

2010-11-24 ptamzz

您使用的是什么浏览器？不幸的是，每个浏览器都不支持min-width属性。在W3Schools的更多信息：http://www.w3schools.com/CSS/pr_dim_min-width.asp – Rhapsody 2010-11-24 08:53:44

我使用Chrome – ptamzz 2010-11-24 09:40:05

也许你应该心宽添加到HTML定义。

html { 
min-width: 960px; 
}

来源

2010-11-24 08:53:13

分配最小宽度

回答

相关问题