使用out <!DOCTYPE>时不支持<div>
使用out <!DOCTYPE>时不支持<div>
提问于 2010-10-14 16:37:30
<!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>高度不支持I wand2与out <!DOCTYPE>一起工作
回答 5
Stack Overflow用户
发布于 2010-10-14 16:42:53
如果您没有向文档添加doctype，浏览器会将该HTML页面视为来自引入doctype之前的那段时间，因此它以怪癖模式呈现，并且规则不同(方式不同)。
希望有一天我们不会再看到这些文档类型，但现在你必须使用它们来区别于古老的HTML文档。
Stack Overflow用户
发布于 2010-10-14 16:39:55
没有doctype就不能工作，它是HTML文档不可或缺的一部分。
编辑：
*它是有效HTML文档不可或缺的一部分。
Stack Overflow用户
发布于 2010-10-14 16:41:22
如果你想要空的div，你需要一个doctype，否则大多数浏览器都会忽略高度。
变通方法:使用doctype或在div中插入一些内容。
编辑：
实际上，您需要XHTML doctype才能使空div工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3931435
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号