-
-
-
float和clear控制元素排列方法
-
float使子元素脱离文档流致父容器高度塌陷；解决需触发BFC、clear清除或伪元素clearfix；clear仅避让不归位；float与inline-block混用产生空白间隙；IE6存在float双倍边距bug。
-
文章 ·
前端
| 6天前 |
393浏览
收藏
-
-
HTML多级导航条制作教程
-
最稳妥的多级导航实现是语义化嵌套<ul><li>，子菜单为<li>内嵌<ul>，配合:hover显示、position:relative/absolute精确定位，并通过JS支持移动端点击及aria属性保障无障碍访问。
-
文章 ·
前端
| 6天前 |
141浏览
收藏
-
-
正则贪婪与惰性匹配技巧详解
-
贪婪模式追求最长匹配，惰性模式追求最短匹配；前者默认量词（*、+、?、{n,m}）从长到短回溯试探，后者加?后从短到长扩展匹配；适用场景取决于需“抓整体”还是“抠局部”。
-
文章 ·
前端
| 6天前 |
153浏览
收藏
-
-
CSS变量实现组件颜色自适应布局
-
CSS变量需定义在祖先元素（如:root）才能自然继承，子组件用var(--color-primary)直接获取；避免内联样式、scoped样式覆盖或ShadowDOM阻断；fallback用标准颜色值，主题切换优先修改:root变量以避免重排。
-
文章 ·
前端
| 6天前 |
346浏览
收藏
-
-
CSS实现自适应导航条隐藏与显示，变量存储头部高度
-
必须用CSS变量存头部高度，因为JavaScript动态获取的offsetHeight会受缩放、字体加载、行高变化影响而波动，硬编码像素值易错位；CSS变量能将真实渲染高度同步给CSS，确保transform或margin-top精准抵消占位。
-
文章 ·
前端
| 6天前 |
202浏览
收藏
-
