css - 浏览器兼容性布局居中之战：IE和Mozilla

Question

因此，根据之前的帮助，在 Mozilla Firefox中放置margin: 0 auto容器并删除内容框上的所有边距属性可以完美运行，但Internet Explorer是一场灾难。

它变得如此糟糕，以至于网站都被打乱了。我想再试一次。

如何在 Internet Explorer 和 Mozilla 上将内容框居中？

score 2 · Accepted Answer

该页面没有doctype声明，例如：

<!doctype html>    
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

因此，浏览器被扔进 Internet 5.5/Netscape/1998 兼容性/怪癖模式：

在此处输入图像描述

如果您添加<!doctype html>声明以将其放入标准模式（我可以通过将浏览器更改为标准模式来模拟）：

在此处输入图像描述

然后页面对我来说很好。

Internet Explorer（怪癖模式）：
在此处输入图像描述

互联网浏览器：
在此处输入图像描述

铬：
在此处输入图像描述

1 回答 1