HTML `<dialog>` 元素高度问题排查记

作者在使用HTML `` 元素创建侧边栏时遇到了高度问题：侧边栏底部出现空隙，无法占据全屏高度。排查过程中，作者尝试了多种方法，包括咨询Claude和ChatGPT等AI工具，最终发现问题在于Chrome浏览器为``元素应用的默认样式中`max-height: calc(100% - 2em - 6px);`导致。通过添加`max-height: inherit`或`max-height: 100vh`解决了这个问题。作者进一步深入HTML规范，发现该默认样式的引入是为了修复之前的bug，并感叹HTML规范的持续演进。