-
flex容器默认由子元素内容撑开高度，若子元素无足够内容或脱离文档流，则可能无法撑开；通过避免绝对定位、设置min-height、保证父级高度及合理使用align-items可控制容器高度。
-
用Flexbox实现导航栏左右对齐需设容器display:flex，用justify-content控制分布或margin-left:auto推右，清除默认样式并适配响应式。
-
MutationObserver能实时监测DOM结构变化，它在DOM提交渲染前以微任务方式异步触发回调，通过正确配置childList和subtree可监听所有层级节点增删，但不监听样式、value值或动画等非结构变更。
-
浏览器直接打开本地HTML文件使用file://协议，但因CORS和安全策略限制，XMLHttpRequest、fetch等常失败；推荐用Python或Node.js启动本地HTTP服务（如python3-mhttp.server8000），以http://localhost访问来规避限制。
-
grid-auto-rows控制隐式创建的行高，grid-auto-columns控制隐式创建的列宽。当内容超出显式定义的网格范围时，浏览器自动创建新行或新列，其尺寸由这两个属性分别指定，如grid-auto-rows:60px和grid-auto-columns:120px分别设置隐式行高和列宽。
-
JavaScript单元测试关键在于选对框架（Jest适合CRA/webpack，Vitest适合Vite/ESM）、聚焦输入输出契约、正确mock依赖（避免复用fn、注意异步返回）、规范命名与路径（.test.ts+同目录），以实现高效可维护的测试。
-
HTML表单提交username、password、captcha至后端，验证全由后端完成：先校验session/Redis中的验证码，再参数化查询数据库比对加密密码，严禁前端存密、SQL拼接验证码或明文传密。
-
要学，但仅限于文字环绕图片、旧项目维护、邮件模板等特定场景；现代布局应优先使用flex或grid，因其更健壮、易维护且无文档流问题。
-
答案：网页开发中引入字体图标库可提升加载速度与视觉效果。1.使用CDN在线引入FontAwesome等库，快速但依赖网络；2.下载本地引入字体文件并配置CSS路径，适合高安全要求项目；3.阿里巴巴Iconfont自定义图标生成字体包，支持灵活调用与彩色图标；4.通过@import统一管理或预加载优化性能，合理选择方式需综合项目需求与环境条件。
-
拖放API通过dragstart、dragover、drop等事件实现交互，在dragover中阻止默认行为可触发drop；利用dataTransfer传递数据，结合视觉反馈与自定义图像提升体验，适用于列表排序与跨容器拖拽场景。
-
本文详解如何在绝对定位的弹出表格容器中，正确实现<h1>标题和<thead>表头的sticky定位，同时避免<tbody>滚动时向上穿透覆盖标题与表头——核心在于为sticky元素创建独立的层叠上下文与定位边界。
-
使用Flexbox构建响应式菜单，桌面端水平布局，移动端通过汉堡按钮切换垂直菜单。1.用display:flex实现导航项对齐；2.添加.hamburger按钮，在max-width:768px时显示；3.JavaScript控制.menu的active类切换显示状态；4.移动端.menu设为flex-direction:column。关键细节包括隐藏默认列表符号、设置cursor:pointer及合理使用媒体查询，确保交互流畅与布局自适应。
-
不行，不推荐用float做响应式网格；因其本意是文字环绕图片，强行布局会引发BFC、清除浮动、父容器塌陷等问题，且在响应式下易因小数像素、盒模型误差导致错位换行。
-
float导致后续元素重叠是因为浮动元素脱离文档流使父容器高度塌陷；清除方法首选display:flow-root（现代标准），次选overflow:hidden（兼容性好），老旧项目可用伪元素clearfix。
-
特征检测应优先于版本检测，用'in'检查全局属性（如'fetch'inwindow）、方法存在性（如'showModal'indocument.createElement('dialog')）和CSS.supports()判断CSS特性，避免依赖不可靠的userAgent。
