我将 body 元素设置为 840px,然后边距自动:
body {
width: 840px;
margin: auto;
}
在 FF、safari 和 chrome 上,这一切都集中在我的网站主体中。但是在 IE(目前在 IE9 中测试)上,我所有设置为 100% 的 div 仍会扩展到屏幕的整个宽度。在开发工具中,它仍然说主体的宽度为 840,但它不会限制其余元素。
在这里做什么?
我将 body 元素设置为 840px,然后边距自动:
body {
width: 840px;
margin: auto;
}
在 FF、safari 和 chrome 上,这一切都集中在我的网站主体中。但是在 IE(目前在 IE9 中测试)上,我所有设置为 100% 的 div 仍会扩展到屏幕的整个宽度。在开发工具中,它仍然说主体的宽度为 840,但它不会限制其余元素。
在这里做什么?
使用有效的文档类型,例如 <!DOCTYPE HTML>
<!DOCTYPE HTML>
<style>
body {
margin: 0 auto;
width: 1000px;
}
</style>
<body>
SALALALLA
</body>
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 不允许设置正文宽度。