Question

如果你转到这个页面：

在chrome等浏览器中，firefox很好，它运行正常，

然而，访问IE（魔鬼）中的网站，主要内容区域与侧边栏重叠。我该如何解决这个问题？

Answer 1

没有DOCTYPE。您的页面以怪癖模式加载。将其添加到html元素上方的页面顶部。

<!DOCTYPE html>

Answer 2

我可以在CSS中看到一些非传统的方法。首先为什么要使用绝对位置？

你应该添加display：block;和浮动：左;同时包含nav_menu和内容容器。无论浏览器如何，它们都会重叠排列。

如果您想让它更加防错，请添加display：table;到你的包装器，添加另一个包含display：table-row的包装器;围绕菜单和内容，然后只需进行菜单和内容显示：table-cell。

然后你会有一个div标签结构，它充当一个左右两个单元格的表格，它永远不会移动一个像素。

虽然记住，你应该作为一个安全的做法，尽可能提供宽度和高度，并记住浮动元素（如果你决定使用display：block和float元素，这是CSS中的一般做法）有时需要一个CLEARFIX类（你可以google它），但在你的情况下，如果你提供宽度和高度，我认为没有必要。