好奇的宽度100％CSS问题

Question

我刚刚意识到每个浏览器似乎都有一个奇怪的渲染问题。

这是测试用例：http://jsfiddle.net/cKNQD/

1 即可。请缩放浏览器，直至出现底部滚动条。

2 即可。然后滚动到最右边。

你会看到，＃header不再有100％的宽度。问题 似乎是里面的.wrapper。我需要那个包装器来限制尺寸 #headers内容。

欢迎解决方案。

Answer 1

将min-width: 980px;添加到标题中。

请参阅updated fiddle demo。

在IE7，IE8，IE9，Opera 11.50，Safari 5.0.5，FF 6.0，Chrome 13.0的Win7上测试。

Answer 2

未定义#header的宽度，因此它不是100％，而是“auto”。

也许你应该从.foo类中删除“width：600px”？