html – 为什么某些DOCTYPE声明导致100％的高级表和div停止工作

发布时间：2020-12-14 21:34:42 所属栏目：资源来源：网络整理

导读：在我看来，IE(6-8)中的一些DOCTYPE声明可能导致浏览器忽略表和div(style =“height：100％”)的height =“100％” 例如 !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"html head titleTest1/title

在我看来，IE(6-8)中的一些DOCTYPE声明可能导致浏览器忽略表和div(style =“height：100％”)的height =“100％”

例如

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <title>Test1</title>
 </head>
 <body>
  <div style="border: 2px solid red; height: 100%">
  Hello World
  </div>
 </body>
</html>

将DIV与文本的高度呈现，它不会伸展。删除DOCTYPE声明会导致DIV根据需要垂直拉伸。

所以我的问题是：

>为什么会这样？
>如何保持DOCTYPE并仍然允许表伸展？
>是/是否发生在你身上？
>你知道吗，它是众所周知的吗？

解决方法

>因为古老的浏览器有奇怪的，不一致的行为和浏览器来处理像 an intelligence test这样的Doctypes，看看作者是否在标准中编写代码，或者在十年前从W3Schools学到什么。如果您的高度为100％，父元素的高度为自动，则为 100% means auto。
>一般来说，你没有。它尖叫着“ layout table”。也就是说，在html和body元素上设置高度或最小高度。还有其他的技术，但是我目前还没有一个方便的链接，奇怪的是，我从来没有在我需要的技术的位置。 >这是什么浏览器应该做的，所以… 嗯，我在回答这个问题

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!