我只是想知道，当我在Chrome和Firefox中测试我的网页设计时，一切似乎都没问题，位置，对齐方式，悬停等等但是当我在IE8中测试我的布局时，一切都在变化，定位变得更糟，对齐甚至悬停功能都无法正常工作。所以我的问题是，即使我在IE浏览器中将其加载到不同的浏览器中，我怎么能做出不会改变的网页设计。
提前致谢和朋友。
答案 0 :(得分：2)
当我在IE8中测试我的布局时，一切都改变了，定位得到了 更糟糕的是，对齐甚至悬停功能都无法正常运行
听起来您的页面显示在quirks mode中，在IE中模拟IE5.5。
按F12打开Developer Tools，检查正在使用的模式。
怪癖模式的最可能原因是您没有有效的文档类型，例如<!DOCTYPE html>作为第一行。
答案 1 :(得分：0)
您应该在您的div容器或HTML5容器中应用CSS属性box-sizing: border-box。这将适用于您在CSS中指定的大小的容器，并且不会使用填充或边距更改容器，因为填充和边距将应用于容器内。
Chrome和Firefox不会对填充和边距使用相同的概念，但使用它们都会使用相同的。