我想知道为什么以下的 HTML/CSS 在没有加入文档类型之前可以正常渲染:
<body style="margin:0; padding:0; background-color:#eeeeee"></body>
<div id="HeaderContainer" style="background-color:#eeeeee; color:Black; border-bottom:1px solid #cccccc; height:60px; margin:0px"></div>
<div style="width:100%; background-color:White; margin:0px; padding:0px">
<div style="margin:30px; width:840px; margin:10px auto; margin-top:50px; background-color:#cc0000;">
text
</div>
</div>
</div>
</body>
我需要的是一个带有深灰色底边框的标题栏(灰色条)。在此之下,我需要我的内容,放在一个大的100%宽度的白色div中(因为页面是灰色的)。上面的代码看起来很好,但如果我在顶部添加这一行:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
最内层的div的边距从白色变成灰色,所以页面看起来不正确。
有人能解释一下为什么吗?我正在使用IE8进行测试,但在Chrome中看起来相同。
图片描述:
![woo](https://dl.dropbox.com/u/104757/doctype.png)