提问人:Jitendra Vyas 提问时间:10/24/2010 更新时间:10/24/2010 访问量:732
如何在不添加额外 div 和使用有效 CSS 的情况下解决 IE6 盒子模型问题?
how to solve IE6 box model problem without adding extra div and using Valid CSS?
问:
在这篇文章中 http://www.kashit.org/design/css/ultimate-guide-to-techniques-for-cross-browser-css/
在“修复IE Box模型错误”部分下,作者写道
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 和使用有效 CSS 的情况下解决该盒子模型问题。?我们可以仅仅通过添加一个 doctype 来解决这个问题,还是只有 doctype 不能解决这个问题?
答:
3赞
Guffa
10/24/2010
#1
不,您不必使用 XHTML 或 HTML 5,HTML 4 可以很好地进入符合标准的模式。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
评论
0赞
Jitendra Vyas
10/24/2010
所以仅仅使用这个 html 4 文档类型会在 IE 中获得相同的框大小吗?
0赞
Jitendra Vyas
10/24/2010
我们不需要添加额外的div吗?
0赞
Guffa
10/24/2010
@metal-gear-solid:是的,在符合标准的模式下,IE 不会使用不正确的盒子模型,因此您不需要额外的 div。
0赞
Paul D. Waite
10/25/2010
有关可用于将 IE 6 置于标准模式的其他文档类型,请参阅 hsivonen.iki.fi/doctype/#choosing
评论