您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

为什么只有在删除DOCTYPE时,我的div高度才能100%起作用?

为什么只有在删除DOCTYPE时,我的div高度才能100%起作用?

问题的 询问如何对您的身高施加100%的高度div,其他人多次回答。本质上,在根元素上声明高度:

html { height: 100%; }

问题的 受到的关注要少得多。我会尽力回答。

为什么去除doctypemake(绿色背景)有效?

当您删除DOCTYPE文档类型声明时,浏览器将从 切换为 。

在怪癖模式(也称为兼容模式)下,浏览器模拟一个旧的浏览器,以便它可以解析旧的网页- 在Web标准问世之前创作的页面。处于古怪模式的浏览器伪装为IE4,IE5和Navigator4,因此它可以按照作者的预期呈现旧代码

下面是维基百科定义

在计算中,“怪癖”模式是指某些Web浏览器为了保持与为较旧的浏览器设计的网页的向后兼容性而使用的技术,而不是在标准模式下严格遵守W3C和IETF标准。

这是MDN举动

在网络的早期,页面通常以两种版本编写:一种用于netscape Navigator,另一种用于Microsoft Internet Explorer。在W3C制定Web标准时,浏览器不能仅仅开始使用它们,因为这样做会破坏Web上大多数现有的网站。因此,浏览器引入了两种模式,以区别于旧的旧站点来处理符合新标准的站点

在标准模式下,如果父元素的height:auto高度(未定义高度),则子元素的百分比高度也将被视为height:auto按照规范。

这就是为什么第一个问题的答案是html { height: 100%; }

为了height:100%在中工作div,您必须height在父元素上设置一个

但是,在怪癖模式下,如果父元素具有a height: auto,则将 相对于视口 测量子元素的高度百分比。

其他 2022/1/1 18:20:08 有534人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶