Html IE 6和7中流体宽度布局的问题

在IE 6、7和8中调整窗口大小时，会发生以下情况：

---

窗口最大化时没有问题，但当我尝试调整其大小时，侧边栏会在特定窗口大小下压，大多数情况下没有问题，但我仍想解决此问题。

尝试将主节宽度设置为74.99%

#main {
     width: 74.99%
}

---

我看到在侧边栏ID中有一个右浮动和左浮动。这是某种修复吗

值得一提的是，正如我们所说，微软正积极尝试在全世界摆脱IE6。世界上只有5%的人在使用它，其中大部分在中国，你可以很有把握地说，没有必要提供应急服务

---

可以理解，这不适用于另外两个最新版本，但值得注意。

解决媒体查询问题的最佳方法是： 下面是一个如何解决这个问题的示例，您可以尝试使用手机、桌面等

<!-- Big screen -->
<link rel="stylesheet" type="text/css" href="CSS/main.css" media="screen and (min-device-width: 800px)" />

<!-- Tablet pc -->
<link rel="stylesheet" type="text/css" href="CSS/tablet.css" media="screen and (min-device-width: 481px) and (max-device-width: 799px)" />

<!-- Mobile -->
<link rel="stylesheet" type="text/css" href="CSS/mobile.css" media="only screen and (max-device-width: 480px)" />

<!-- If is lower than IE9 use conditional comments -->
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="CSS/main.css" media="all" />

这是在IE不起作用的情况下：

甚至还有一张解释千个问题的表格：

---

这是可行的，但在Firefox/Chrome中，它变得太窄了~1px。这只是一个小问题。为了解决这个问题，我建议使用宽度：75%*宽度：74.99%。这样，只需为IE的特定css创建一个条件语句。黑客css不是一个很好的标准。通过为IE8和早期版本创建一个条件语句修复了这个问题。我不确定IE9是否也需要这个补丁？是的。。。我用IE9检查过，它也有同样的问题