Internet explorer 8 我以为IE8能正确解释盒子模型。。。我错过什么了吗？_Internet Explorer 8_Cross Browser_Css

Internet explorer 8 我以为IE8能正确解释盒子模型。。。我错过什么了吗？

internet-explorer-8 css

Internet explorer 8 我以为IE8能正确解释盒子模型。。。我错过什么了吗？,internet-explorer-8,cross-browser,css,Internet Explorer 8,Cross Browser,Css,我原以为IE8现在显示东西的方式是关于W3C盒子模型的，但我刚刚意识到它不是。我想为我的内容使用一个有效的772像素宽的全局包装器（尝试为800像素宽的屏幕的视口进行优化），但每侧的内部填充为20像素。这不是必须看起来像下面的片段吗 #content { padding: 20px; width: 772px; left: 50%; margin-left: -386px; } /* IE 7 */ *:fir

我原以为IE8现在显示东西的方式是关于W3C盒子模型的，但我刚刚意识到它不是。我想为我的内容使用一个有效的772像素宽的全局包装器（尝试为800像素宽的屏幕的视口进行优化），但每侧的内部填充为20像素。这不是必须看起来像下面的片段吗

 #content   { 
        padding: 20px; 
        width: 772px; 
        left: 50%; 
        margin-left: -386px; 
 }
/* IE 7   */ *:first-child+html #content { width: 732px; }

不知怎的，它不。。。请帮帮我！我完全搞不懂这整件事。我认为IE8的定义必须像普通浏览器一样设置，但是填充值会扩大元素的宽度。我错过了什么？DTD可能是问题所在吗？我使用的过渡类型如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

提前感谢,，

Frank

是否尝试将包装器置于视口的中心？这是否有效：

 #content   { 
         padding: 20px; 
         width: 772px; 
         margin: auto;
         -ms-box-sizing: border-box;
         box-sizing: border-box;
  }

据我所知，标准大小调整模型是非常违反直觉的内容模型，您必须设置

框大小调整规则才能将其设置为框模型
非常感谢，安东尼！中心位置没有问题，而是元素的确切宽度。我真的一点也不知道这个“盒子大小”的东西，但它非常有用！