1

我将 body 元素设置为 840px，然后边距自动：

body {
width: 840px;
margin: auto;
}

在 FF、safari 和 chrome 上，这一切都集中在我的网站主体中。但是在 IE（目前在 IE9 中测试）上，我所有设置为 100% 的 div 仍会扩展到屏幕的整个宽度。在开发工具中，它仍然说主体的宽度为 840，但它不会限制其余元素。

在这里做什么？

4

2 回答 2

5

使用有效的文档类型，例如 <!DOCTYPE HTML>

<!DOCTYPE HTML>
<style>
body {
margin: 0 auto;
width: 1000px;
}
</style>

<body>
SALALALLA
</body>
于 2012-11-14T01:21:21.127 回答
2

IE 不支持...为此，您可以仅为 IE 创建一个主“容器”div 并使用 IE 特定的 CSS 文件（mozilla 等将忽略该文件，因此 div 与您当前的设计无关）设置 DIV 的宽度并将其居中使用

#div_id{
width:840px;
left:50%;
margin-left:-420px;
}

包括像这样的 IE only css

<!--[if IE 8]>
<link type="text/css" rel="stylesheet" href="/css/ie8.css" media="all" />
<![endif]-->
<!--[if IE 7]>
<link type="text/css" rel="stylesheet" href="/css/ie7.css" media="all" />
<![endif]-->

有限，是的，但 IE 不允许设置正文宽度。

于 2012-11-14T01:11:00.307 回答