Question

我认为IE 8显示内容的方式现在关于W3C Box模型，但只是认识到它没有。我想为我的内容使用一个全局包装器，它实际上是772像素宽（尝试优化800像素宽屏幕的视口），但每边提供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">

提前致谢，弗兰克

Answer 1

您是否尝试将包装器置于视口中心？这有用吗：

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

据我所知，标准大小调整模型是非常违反直觉的内容模型，您必须设置box-sizing规则才能使其成为框模型。

http://quirksmode.org/css/box.html

以为IE 8会正确解释box modell ...我错过了什么吗？

1 个答案: