我认为 IE 8 显示内容的方式现在与 W3C 盒子模型有关,但我发现它不是。我想为我的内容使用一个全局包装器,它实际上是 772 像素宽(尝试针对 800 像素宽屏幕的视口(viewport)进行优化),但每边的内部填充为 20 像素。不会像下面的代码片段那样吗?
#content {
padding: 20px;
width: 772px;
left: 50%;
margin-left: -386px;
}
/* IE 7 */ *:first-child+html #content { width: 732px; }
不知何故,它没有...请帮助我!林完全混淆了这整个 IE 的事情。我认为 IE 8 的定义必须像常规浏览器一样设置,但填充值再次扩展了元素的宽度。我错过了什么? DTD 可能是问题所在吗?我使用过渡类型如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
提前致谢, 弗兰克
最佳答案
您是否尝试将包装器置于视口(viewport)中心?这行得通吗:
#content {
padding: 20px;
width: 772px;
margin: auto;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
据我所知,标准尺寸模型是非常违反直觉的内容模型,您必须设置 box-sizing
规则才能使其成为盒模型。
关于internet-explorer-8 - 以为 IE 8 会正确解释盒子模型......我错过了什么吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9872017/