窗口大小调整中的最小宽度

Question

我有一个带有100％宽度的流体布局的网页。

当我调整浏览器窗口的大小时，页面中的元素重叠。

我会创建一个类似于这个网站http://bologna.bakeca.it/的效果，当窗口小于一个固定的宽度停止调整大小。

Answer 1

您可以为body标签设置CSS的min-width属性。由于此属性不被IE6的支持，你可以这样写：

body{ 
    min-width:1000px;  /* Suppose you want minimum width of 1000px */ 
    width: auto !important; /* Firefox will set width as auto */ 
    width:1000px;   /* As IE6 ignores !important it will set width as 1000px; */ 
} 

或者：

body{ 
    min-width:1000px; // Suppose you want minimum width of 1000px 
    _width: expression(document.body.clientWidth > 1000 ? "1000px" : "auto"); /* sets max-width for IE6 */ 
} 

Answer 2

那么，你几乎放弃自己的答案。在你的CSS中给包含元素一个最小宽度。如果你要支持IE6，你可以使用最小宽度招：

#container { 
    min-width:800px; 
    width: auto !important; 
    width:800px; 
} 

这将有效地让你在IE6 800像素最小宽度和任何跟上时代的浏览器。