-
浮动元素撑不满父容器时滚动条意外出现的直接原因是父容器设置overflow:auto/scroll且未清除浮动，导致高度坍塌被误判为内容溢出；需用clearfix、display:flow-root等方法建立BFC清除浮动。
-
答案：HTML5中通过JavaScript监听滚动并触发动画，常用window.scroll事件结合getBoundingClientRect判断元素位置，或使用IntersectionObserverAPI提升性能。1.基础方案用scroll事件检测滚动位置，当元素进入视口时添加CSS动画类；2.为避免性能问题，可采用节流函数控制事件频率；3.现代推荐方案是IntersectionObserverAPI，异步监听元素与视口交叉状态，适合大量元素高效处理，且自动解绑以防止重复执行，适用于视差滚动、懒加载等
-
select标签是语义化表单控件，用于创建可交互下拉列表；appearance:none需配合-webkit/-moz前缀且须重置background、border等才生效，各浏览器对尺寸、箭头、可访问性处理差异显著。
-
overscroll-behavior用于切断嵌套滚动容器间的事件传递链，仅在可滚动容器（overflow非visible且内容溢出）滚动至边界时生效；典型场景为模态框或侧边栏滚动到底/顶时阻止背景页面滚动。
-
Chrome自动翻译功能需五步启用：一、开启“提供网页翻译”开关；二、添加并设中文(简体)为默认语言；三、开启“询问是否翻译非您所用语言的网页”；四、添加英语并勾选“提供翻译此语言的网页”；五、清除Cookie及缓存重置语言识别。
-
header是页面或区块头部容器，nav专指主导航链接集合；article须独立可分发；section需带标题才具语义；正确语义标签提升SEO与无障碍访问。
-
basehref一加就全乱了，因其强制重写所有相对URL解析起点，导致img、a、form等路径错乱；必须置于head内且唯一，href值须为绝对URL或根相对路径（如/my-app/），否则静默失效或引发404。
-
在Vite中推荐使用unplugin-vue-router自动生成路由表，它支持类型安全、自动导入和官方工具链深度集成；默认扫描src/pages目录，按文件路径生成对应路由，动态路由和嵌套路由均原生支持。
-
使用float实现卡片左右排列需设置元素向左浮动并控制宽度，通过clear或overflow清除浮动影响，适用于旧项目维护但现代布局推荐Flexbox。
-
使用Flexbox布局实现侧边栏与内容区并排，侧边栏固定宽度，内容区自适应；2.通过媒体查询在小屏幕下隐藏侧边栏，添加.collapsed类时以固定定位显示；3.结合JavaScript切换类控制显隐，配合按钮实现折叠交互，确保z-index和定位正确，完成响应式侧边栏系统。
-
IE10/IE11需用-ms-flexbox前缀并配合现代flex声明，float降级须用@supports隔离、统一box-sizing且避免混写，IE9以下推荐条件注释加载独立样式表。
-
transition不支持LCH/HSL插值，浏览器强制转为sRGB线性插值；唯一可行方案是拆解LCH分量为自定义属性并用@property分别声明动画。
-
滚动透明需用scrollY输入、requestAnimationFrame节流、CSS变量驱动，避免直接改style导致卡顿；用--scroll-alpha配合transition实现平滑渐变，兼顾性能与可维护性。
-
JSX嵌套组件必须用闭合标签，不可省略结束标签；多元素需包裹Fragment或div；props.children类型不确定，须用React.Children方法安全处理；深层嵌套推荐Context或renderprops。
-
HTML文档显示乱码或样式异常时，需确保文件扩展名为.html或.htm、保存类型为“所有文件”、统一使用UTF-8无BOM编码、在<head>中声明<metacharset="UTF-8">、服务器响应头含charset=utf-8，并避免不可见控制字符。
