首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >为什么某些DOCTYPE声明会导致100%高度的表和div停止工作?

为什么某些DOCTYPE声明会导致100%高度的表和div停止工作?
EN

Stack Overflow用户
提问于 2010-01-04 14:36:58
回答 3查看 8.1K关注 0票数 16

在我看来,IE (6-8)中的一些DOCTYPE声明可能会导致浏览器忽略表和div上的height="100%" (style="height:100%")

E.g

代码语言:javascript
运行
复制
<!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根据需要垂直拉伸。

所以我的问题是:

为什么会发生这种情况? stretch?

  • Does

  • 如何保持DOCTYPE并仍然允许表/这发生在你身上吗?

  • 你知道吗?这是众所周知的吗?
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1997842

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档