Question

中

在“修复IE Box模型Bug”一节的作者写下

IE 6实际上可以让你正确符合标准的模式。

如果我们使用XHTML 1.0 strict或HTML 5 doctype是否意味着比这个盒子模型问题会自动解决而不添加额外的div。

默认

.box {  
  width:100px;  
  padding:10px;  
   border:2px solid #CCC;  
}

IE6的解决方案添加了额外的div <div class=”box-inner”>

<div class=”box”>  
   <div class=”box-inner”>  
     Testing for box model hack  
   </div>  
</div>

如何在不添加额外div并使用Valid CSS的情况下解决该框模型问题。我们可以通过添加doctype来解决这个问题吗，或者只是doctype不能解决这个问题？

Answer 1

不，您不必使用XHTML或HTML 5，HTML 4可以很好地进入符合标准的模式。

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