-
能，flex-wrap:wrap可解决子元素换行溢出，但需父容器设display:flex且子元素总宽超容器；若无效，常因未启flex布局、子项设flex-shrink:0或white-space:nowrap等干扰因素。
-
XSS和CSRF是Web安全主要威胁，需通过输入转义、CSP策略、Anti-CSRFToken及SameSiteCookie等措施协同防御，前后端共同保障通信安全。
-
background-size:cover未生效主因是父容器无明确高度，需设html、body{height:100%}或元素自身用100vh/具体值；移动端Safari兼容差，建议伪元素或img+object-fit替代。
-
scroll-snap-type在轮播图中失效的根本原因是父容器未设置overflow或子项未撑满容器宽/高；必须在滚动容器设scroll-snap-type和overflow，子项需固定尺寸、总宽≥容器宽，并加scroll-snap-align。
-
WebGL透明需显式开启alpha选项：创建上下文时必须传{alpha:true}，再设clearColor(0,0,0,0)并启用混合gl.enable(gl.BLEND)和blendFunc，同时确保CSS样式不遮挡。
-
使用Bulma构建响应式导航栏只需四个步骤：1.用.navbar创建基础结构，包含品牌标识、菜单按钮和链接；2.通过JavaScript控制汉堡菜单的展开与收起，实现移动端适配；3.应用is-primary、is-dark等类自定义颜色与样式，结合is-fixed-top实现顶部固定；4.使用.has-dropdown和.is-hoverable添加下拉菜单，支持桌面悬停与移动端点击。
-
:disabled样式失效主因是CSS优先级被覆盖，应通过提升选择器权重（如类+伪类组合）、检查开发者工具中规则是否被划掉或未匹配、避免框架默认样式干扰来解决，慎用!important。
-
hidden属性不生效是因为它为布尔属性，仅由存在与否决定，设hidden="false"仍会隐藏；正确用法是element.hidden=true或removeAttribute('hidden')。
-
ServiceWorker是实现离线体验的核心，通过拦截请求实现缓存控制。首先注册并激活ServiceWorker，需在HTTPS环境下调用navigator.serviceWorker.register()。安装阶段使用CacheAPI预缓存关键资源，确保首页、样式、脚本等可离线访问。运行时采用动态缓存策略，对API使用stale-while-revalidate，静态资源则networkfallingbacktocache。更新时在activate事件清理旧缓存，通过版本命名管理缓存生命周期。合理组合
-
可用::before伪元素替换默认圆点，先用list-style:none清除原生符号，再在li上设position:relative，通过::before绝对定位插入content字符并调整样式，配合margin-right或padding-left留白，以及padding-left和top:0.25em适配多行对齐。
-
通用兄弟选择器~可选中同一父元素内A之后所有同级B元素，解决传统相邻选择器无法跨节点样式联动的难题，适用于表单提示控制、radio内容切换等场景。
-
vertical-align对数字滚动无效，因其仅作用于行内元素或表格单元格，而数字滚动依赖transform:translateY()精确控制位移，与行高对齐逻辑无关；真正关键的是单行实测高度与transform像素值的严格匹配。
-
:nth-last-child仅匹配父元素的直接子元素，按DOM顺序从后往前计数，所有子节点参与计数（文本/注释节点在旧版Safari中行为不一致），不区分类型；与:nth-last-of-type不同，后者只计同类型元素；参数an+b中b必须为非负整数；它基于结构位置而非视觉位置，无法响应display:none或属性条件，复杂逻辑需JS配合。
-
JSONArray是表示JSON数组结构的对象，用于存储有序的多种类型元素，常用于API数据传输、配置文件及系统间数据交换。
-
HTML中换行符导致文字变两行，因浏览器默认将<br>、\n、块级元素间空白视为换行；可通过display:inline/inline-block、删HTML换行、Flex布局等方案合并为单行。
