-
本文介绍如何在基于CSS媒体查询和checkbox的响应式导航菜单中，通过重构HTML结构并结合轻量JavaScript，实现点击汉堡图标展开菜单、再点击右上角“×”按钮即时收起的功能，解决纯CSS方案无法主动关闭的问题。
-
JavaScript默认参数是在函数定义时为形参指定的初始值，仅当调用时传入undefined才生效；支持表达式、函数调用及前置参数引用，且每次调用重新求值。
-
必须给父容器加position:relative，因为absolute元素会以最近的已定位（relative/absolute/fixed/sticky）祖先为参考点；若父容器为默认static，则向上回溯至body或意外容器，导致定位错位。
-
本文介绍如何在CSS中模拟overflow:auto与overflow:visible的组合效果——即容器支持滚动，同时允许子元素突破容器边界正常显示（如弹出菜单、悬浮提示等），弥补原生overflow属性无法直接满足该需求的限制。
-
原生details元素可直接实现语义化、无障碍折叠功能，无需手写JS：用<details><summary>标题</summary>内容</details>即可，支持键盘操作、自动aria状态，兼容主流浏览器（Chrome12+等），IE除外。
-
行，但需兼顾浏览器兼容性、字体支持与样式细节：iOSSafari12.2+、AndroidChrome76+支持writing-mode:vertical-rl，微信X5内核及旧iOSWebKit支持不佳，须配合text-orientation:mixed、font-familyfallback及真机测试。
-
inline-block列表项换行主因是HTML空格被渲染为间隙，导致宽度计算偏差；解决法包括父元素font-size:0+子元素重设字号、删空格或改用flex布局。
-
Map的set和get方法支持任意类型键，区别于Object的字符串强制转换；set可存对象、NaN等，get严格匹配且不类型转换，适用于缓存、DOM关联、Symbol键等场景。
-
<p>Safari15.4及更早版本不支持calc()嵌套，会静默丢弃整条声明；应改用CSS变量分步计算，如--inner-width:calc(100%-40px);width:calc(var(--inner-width)/3)。</p>
-
align-self允许子元素覆盖父容器的align-items设置，实现独立对齐。常用值包括auto（继承父级）、flex-start（顶部/起始边对齐）、flex-end（底部/末尾对齐）、center（居中）、baseline（文本基线对齐）和stretch（拉伸填充）。它适用于局部对齐调整、响应式设计及避免CSS冗余，是构建灵活布局的关键属性。
-
可在Eclipse中通过四种方式预览HTML：一、配置外部浏览器为默认；二、使用内置Preview标签页；三、部署到Tomcat等服务器运行；四、手动拖拽HTML文件至浏览器。
-
答案：CSS选择器通过组合方式精确匹配元素，优先级按a-b-c-d规则计算，!important最高但慎用，后定义覆盖前定义。
-
父元素高度塌陷是因为浮动元素脱离标准文档流，导致父容器无法计算其高度；常见于仅含浮动子元素的父容器，清除浮动应通过创建BFC（如display:flow-root）或伪元素clearfix实现。
-
能，但变量必须声明在宿主元素自身上而非父容器或:root；ShadowDOM继承链在boundary处截断，需通过:host绑定变量并设合理fallback，否则主题易失焦。
-
closed模式不能构建强隔离微前端沙箱，它仅使shadowRoot返回null，不隔离JS执行环境、无法阻止全局副作用、也不能防止样式或逻辑泄漏，真正隔离需依赖整套设计约束与配套机制。
