如何在不删除 DOCTYPE 的情况下将 Div 设为 100% 高度？
- DDD原创
- 2024-12-29 15:15:15959浏览
CSS 高度属性、百分比值和 DOCTYPE
如何使 div 以 100% 高度填充页面而不移除这DOCTYPE？
解决方案：
在根元素上声明高度：
html { height: 100%; }
为什么删除 DOCTYPE 会起作用?
在标准模式下，子元素的百分比高度没有定义的高度被视为自动。然而，在怪异模式下，百分比高度是相对于视口测量的。因此，删除 DOCTYPE 会强制浏览器进入怪异模式，允许 div 以 100% 的高度填充页面。
但是，怪异模式是不可预测且不可靠的。始终包含 DOCTYPE 以使用以下方式在标准模式下呈现文档：
<!DOCTYPE html>
以上是如何在不删除 DOCTYPE 的情况下将 Div 设为 100% 高度？的详细内容。更多信息请关注PHP中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn