-
clear:both失效的根本原因是浮动元素与clear元素不在同一BFC中；它仅使当前元素border-top避开同BFC内前序浮动元素的外边缘，若被不同BFC隔离或脱离文档流则完全失效。
-
:hover不生效主因是权重不足、被覆盖、元素不可交互或伪类顺序错误；需确保元素有cursor:pointer、:hover写在常规样式后、遵循LVHA顺序，并避免在移动端单独依赖。
-
flex-grow为0时子元素不参与剩余空间分配，宽度由内容或width决定；flex-shrink为1时小屏下会压缩导致换行或截断；flex-basis优先级高于width，影响初始主轴尺寸；gap兼容性影响均等布局。
-
aspect-ratio是现代CSS唯一原生支持容器按比例预留空间的属性，作用于容器本身，配合width或max-width即可稳定占位、避免布局抖动，无需JS、图片加载或伪元素hack。
-
在Electron多窗口场景下，使用Mousetrap绑定全局快捷键（如ESC）时，若未正确限定作用域，会导致所有窗口同时响应并关闭；本文提供基于窗口焦点的IPC通信方案，确保仅关闭当前聚焦窗口。
-
BigInt内存开销不固定，取决于数值大小和引擎实现；Float64固定8字节、对齐可预测。高算力场景需关注分配、对齐、缓存与传输，而非单值字节数。
-
导航栏小屏不折叠的三大主因是：navbar-expand-断点类误用、data-bs-toggle/target属性拼写错误、BootstrapJS未正确加载；需核对断点值、严格匹配属性名与ID、确保bootstrap.bundle.min.js在闭合body前加载。
-
HTML结构化数据是富媒体摘要的必要条件而非充分条件，需使用谷歌支持的类型、满足强制字段、采用JSON-LD格式，并确保内容与正文一致，否则即使验证通过也不会触发富媒体摘要。
-
<summary>标签必须作为<details>的第一个子元素，点击它可切换父级内容的显示与隐藏；2.适用于FAQ、技术规格、教程步骤等需按需展示信息的场景，避免页面臃肿；3.可通过CSS自定义样式（如隐藏默认三角、添加图标）并用JavaScript监听toggle事件增强交互；4.常见误区包括隐藏关键信息和语义错位，应确保摘要精炼、内容相关且不破坏可访问性。
-
子元素margin撑不开父容器是因外边距折叠，需触发BFC（如display:flow-root）；width:100%溢出因box-sizing默认为content-box，应设border-box；absolute定位需父设position:relative；Flex中margin:auto可居中，前提父为flex且未覆盖对齐属性。
-
system-ui是CSS的字体族关键字，不是颜色值；color:system-ui无效且被浏览器忽略，系统文字颜色需用prefers-color-scheme媒体查询配合明确色值实现跨平台适配。
-
最轻量兼容的左图右文用float实现，需清除浮动防塌陷；现代推荐flex或grid，避免浮动缺陷。
-
HTML没有专门标记“无效内容”的标准属性或元素。所谓“无效”，通常指语义错误、结构违规、或被浏览器忽略的写法，而不是靠某个属性主动声明“这段是错的”。真要提示内容异常，得靠开发者自己用语义合理的方式传达意图，而不是依赖不存在的invalid或error属性。为什么不能加invalid属性？HTML规范里压根没定义invalid这个全局属性。你硬写上去，浏览器既不会报错，也不会做任何特殊处理——它就当是个无意义的自定义属性，跟data-xxx一样被忽略。表单控件（如inpu
-
HTML文件应放在项目根目录或public/子目录下，Netlify会自动识别index.html为入口；拖拽上传适合临时演示，Git连接支持自动部署与回滚；404常见原因包括相对路径错误、缺失index.html及域名未验证；简单站点无需netlify.toml，SPA路由、HTTPS强制和缓存需配置。
-
首先确认编辑器插件系统，安装语法高亮与智能补全插件如Emmet，添加LiveServer实现实时预览，集成Prettier进行代码格式化，并启用GitLens等工具完成版本控制，全面提升HTML开发效率。
