我只是想知道，当我在 Chrome 和 Firefox 中测试我的网页设计时，一切似乎都很好，位置、对齐、悬停等。但是当我在 IE8 中测试我的布局时，一切都发生了变化，定位变得更糟，对齐和甚至悬停功能也不起作用。所以我的问题是，我怎样才能制作一个不会改变的网页设计，即使我在不同的浏览器中加载它，特别是在 IE 中。
提前感谢和问候朋友。
问问题
151 次
2 回答
2
当我在 IE8 中测试我的布局时，一切都发生了变化，定位变得更糟，对齐甚至悬停功能都不起作用
听起来您的页面以quirks mode显示，在 IE 中模拟 IE5.5。
按 F12 打开Developer Tools，检查正在使用的模式。
quirks 模式最可能的原因是您没有有效的文档类型，例如<!DOCTYPE html>第一行。
于 2012-06-22T09:21:19.530 回答
0
您应该将 CSS 属性应用于您的 div 容器或 HTML5 容器box-sizing: border-box。这将应用于您在 CSS 中指定的大小的容器，并且不会随填充或边距更改，因为填充和边距将应用于容器内。
Chrome 和 Firefox 不使用相同的填充和边距概念，但使用它们将使用相同的概念。
于 2012-06-22T09:34:43.587 回答