<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<style type="text/css">
.Footer{
background-color:red;
width:673px;
height:1px;
}
</style>
<title>Second</title>
</head>
<body>
<div class="Footer"></div>
</body>
</html>
如果我从编码中移除<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
.. <div>
身高不支持我的魔杖2不用<!DOCTYPE>
答案 0 :(得分:2)
当您不在文档中添加文档类型时,浏览器认为HTML页面是从引入doctypes之前的时间段开始的,因此它以怪癖模式呈现并且规则不同(方式不同) )。
希望有一天我们将不再看到这些文档类型,但是现在你必须使用它们来区分古老的HTML文档。
答案 1 :(得分:1)
没有doctype就无法工作,它是HTML文档的组成部分。
修改强>
*它是有效 HTML文档的组成部分。
答案 2 :(得分:1)
如果你想要空div,你需要一个doctype,否则大多数浏览器都会忽略高度。
解决方法:使用doctype或在div中插入内容。
编辑:
实际上,您需要XHTML doctype才能使空div工作。
答案 3 :(得分:0)
这个错误与<doctype>
无关,但浏览器解释height: 1px;
的方式。
只需添加overflow: hidden;
即使没有<doctype>
答案 4 :(得分:0)
不添加Doctype并不是特别错误,但它会导致某些浏览器渲染您的页面变得非常不可预测,如果XHTML Doctype对您来说复杂,我想不出任何好的理由不添加Doctype ,只需添加HTML5文档类型:<!DOCTYPE html>