Question

我希望通过询问与我正在进行的项目有关的问题，我没有违反任何规则。如果您查看我的页面here并在Firefox中再次在Internet Explorer中查看，则主内容框的宽度会有所不同。在Firefox中，所有内容都与页面顶部的广告完美对齐，但在IE中，内容框的宽度似乎不足大约20个像素。

我的问题现在很明显，但导致IE宽度不足的原因是什么？一个简单的解决方案是什么？

如果我碰巧通过提出一个不够通用的问题来破坏规则，那么请允许我改写它;什么是解决浏览器之间视觉差异的最佳方法？我应该为IE使用单独的CSS文件，还是有办法在我的CSS文件中定义只能由特定浏览器呈现的行？

最好是有人能为我提供必要的CSS来正确对齐事情，但我会非常乐意了解如何使CSS动态化（如果可能的话）。

谢谢大家。：）

Answer 1

您的HTML格式不正确。您需要＆lt; html＆gt;和＆lt; title＆gt;应该在＆lt; head＆gt;中。最重要的是，您需要一个DOCTYPE，以便浏览器在渲染时使用标准模式而不是quirks模式。怪癖模式是宽度不同的原因。

HTML 5 doctype是：＆lt;！DOCTYPE html＆gt;并且应该是HTML文件的第一行。以下是最低HTML文件。

<!DOCTYPE html>
<html>
    <head>
        <title>Document</title>
    </head>
    <body>
    </body>
</html>

Answer 2

尝试使用

box {
    width: 100%;
}