Fatal编程技术网
  • css/
  • 如何在不添加额外div和使用有效CSS的情况下解决IE6盒模型问题？

如何在不添加额外div和使用有效CSS的情况下解决IE6盒模型问题？

css

如何在不添加额外div和使用有效CSS的情况下解决IE6盒模型问题？,css,xhtml,cross-browser,internet-explorer-6,Css,Xhtml,Cross Browser,Internet Explorer 6,本文 在“修复IE盒模型错误”一节中，作者写道 如果你愿意的话，IE 6实际上可以做得很好 处于标准兼容模式 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 这是否意味着如果我们使用XHTML1.0Strict或HTML5doctype，那么这个框模型问题将自动得到解决，而无需添加这个额外的div 违约 .box { width:100px;

本文

在“修复IE盒模型错误”一节中，作者写道

如果你愿意的话，IE 6实际上可以做得很好 处于标准兼容模式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
这是否意味着如果我们使用XHTML1.0Strict或HTML5doctype，那么这个框模型问题将自动得到解决，而无需添加这个额外的div

违约

.box {  
  width:100px;  
  padding:10px;  
   border:2px solid #CCC;  
}
IE6添加额外div的解决方案


盒型黑客的测试
如何在不添加额外div和使用有效CSS的情况下解决box模型问题。？我们可以通过添加一个doctype来解决这个问题，还是仅仅doctype不能解决这个问题？

不，您不必使用XHTML或HTML5，HTML4可以很好地进入标准兼容模式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
不，您不必使用XHTML或HTML5，HTML4可以很好地进入标准兼容模式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
因此，在IE中，仅使用此html 4 doctype将获得与box相同的大小？我们不需要添加额外的div吗？@metal gear solid:是的，在符合标准的模式下，IE不使用不正确的box模式，因此您不需要额外的div。对于其他doctype，您可以将IE 6置于标准模式下，看到了吗？在IE中，仅使用此html 4 doctype将获得与box相同的大小？我们不需要添加额外的div吗？@metal gear solid:是的，在符合标准的模式下，IE不会使用错误的box模型，因此您不需要额外的div。对于其他doctype，您可以使用它将IE 6置于标准模式，请参阅