我有一个最小宽度的px外部容器，以及一个带有最大宽度和少量填充的内部容器（都是px）。
在IE 9中页面最初显示正确，但是当我放大或缩小尺寸时，外部容器似乎拒绝缩小到最小宽度，而是保持当前宽度并抛出一个水平滚动条。但是，如果你刷新页面，那么它看起来工作得很好。尽我所能告诉它只在IE9中做到这一点。 Chrome，FF，Opera和IE6-8都可以正常工作。 没错，IETester甚至展示了令人讨厌的IE6正确渲染它！仅供参考我有一个严格的XHTML 1.0文档格式，我的IE9似乎在Internet Explorer 9标准模式下显示页面。在IE9中不允许的最小宽度
无需发布我的所有代码，有没有人有建议？
不幸的是，似乎没有人从我所知道的这个问题中遇到过。还有一个小窍门，为了让它变得更加诡异（或者它可能是线索），IE9似乎只在查看服务器上的页面时（当上传到我的网站或使用EasyPHP时）才会这样做。在本地查看它的行为应该如此。
任何信息都会有帮助，甚至可以获得我想要的效果。为了澄清，我希望我的页面具有最小和最大宽度（以像素为单位）。如果视口大于最大宽度，则需要相等的边距（居中页面）。如果视口处于最小和最大宽度范围内，我希望在整个周围都可以看到少量的背景，这样页面的左右边缘就会更加明显（而不是仅仅发展到边缘）浏览器 - 这是我的填充在内部容器的地方）。最后，如果视口小于页面的最小宽度（内部容器），我仍然喜欢填充（填充的小边缘）以及水平滚动条。任何帮助非常感谢，并让我知道如果你需要更多的信息（如果不知怎的，我没有提供足够的长话）。
附加信息：正如我所说，我并不热衷于浏览整个网站的代码并挑选相关材料，但我已经写下了一个简洁的例子，因为有人投票否决了我的问题不是很酷btw，但业力会得到那个家伙）。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IE9 Min-Width Problem</title>
</head>
<body style=" width:100%; height:100%; margin:0; border:0; padding:0;">
<div style=" position:relative; min-width:500px; max-width:100%; margin:auto; background:red; ">
<div style=" position:relative; min-width:0; max-width:1000px; margin:auto; padding:10px; ">
<div style=" position:relative; width:100%; height:500px; background:blue; ">
This is page content
</div><!-- closes content -->
</div><!-- closes inner-wrapper -->
</div><!-- closes outer-wrapper -->
</body>
</html>
顺便说一句我只记得一个潜在的重要消息：水平滚动条弹出以使外部容器的全宽可见，但内部容器是正确的宽度。它不再集中在外部容器中，而是恰好在它应该在的位置（距浏览器左边缘10px--填充的大小）。这只是一个愚蠢的外部容器，不会重新调整大小！除非我刷新页面。然后它再也不会动作了。这里发生了什么？！大声笑 – Scopace 2012-08-11 05:39:26
我会发布你的代码。 – Ashe 2012-08-11 05:44:43