关于<!DOCTYLE>对div的影响,求大神助~

test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>div test</title>
<link rel="stylesheet" href="test.css" type="text/css" />
</head>
<body>
<div id="top"></div>
</body>
</html>

同一文件夹下的test.css
#top{
width: 500px;
height:100 px;
background-color:red;
}

去掉<!DOCTYPE...>那一行在360浏览器中能显示红色的div,加上360浏览器就显示不了
而在firefox中不管去不去掉<!DOCTYPE>都显示不了..
到底肿么回事儿啊啊啊啊!!!
啊啊啊,我知道了。不用回答了。

不同的html版本对某些元素的某些属性有改动,不同的浏览器对这个也有不同的反应,不同的展现方式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
声明了文档的根元素是 html,它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Transitional//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到,浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。现在的html5不再这么繁琐,只需要:
<!DOCTYPE html>
<html>
就行了追问

呃,其实我的问题只是一个很小的原因,就是因为设置宽高的时候数字和px之间有间隔

追答

这个空格在读网页时是不计的吧,可以删掉的呀

追问

不行的,页面开始如果加入了!doctype就必须遵守它所规定的编码规范不然就会出问题,我就是这样,因为这个细节搞了好久T-T

温馨提示:答案为网友推荐,仅供参考
第1个回答  2014-10-03
这句是加载dtd的,就是页面里有哪些标签
相似回答