CSS溢出内容处理_overflow属性的scroll、hidden与auto
很多人用 overflow: scroll 是想“确保能滚动”,结果发现滚动条永远存在,占空间、影响布局,尤其在 macOS 上还带惯性滚动干扰点击。这不是 bug,是规范行为:scroll 的语义就是「始终启用滚动机制」,浏览器必须渲染滚动条(哪怕没内容可滚)。
技术博客
很多人用 overflow: scroll 是想“确保能滚动”,结果发现滚动条永远存在,占空间、影响布局,尤其在 macOS 上还带惯性滚动干扰点击。这不是 bug,是规范行为:scroll 的语义就是「始终启用滚动机制」,浏览器必须渲染滚动条(哪怕没内容可滚)。
本文详解 `requests` 库中 `r.history` 为空的原因及解决方案,重点说明服务端需使用 http 状态码重定向(如 302)而非前端 javascript 跳转,并演示 `allow_redirects=true` 的必要性与实际用法。
浏览器只认 DOM 属性 readonly(布尔属性),不看 contenteditable="false" 或 disabled,也不管 JS 是否锁了输入逻辑。哪怕你用 input.setAttribute(‘readonly’, ‘readonly’),只要属性存在,:read-only 就生效;删掉就失效。
这是最常被误解的一点:vertical-align 只对 行内级元素(包括 inline、inline-block、table-cell)和表格单元格生效,对 float: left 或 float: right 的块级元素完全无效。如果你给一个 div 设置了 float: left,再加 vertical-align: middle,浏览器会直接忽略它。
本文详解如何通过直接操作 svg 元素(而非 highcharts 的 update 方法),为网络图中的连接线添加流畅的“流动”虚线动画效果,并结合颜色状态实现服务器健康度可视化。
不会。把 transition-duration 设为 0s 或 0ms,浏览器直接跳变,不走过渡流程——哪怕其他 transition 属性(如 transition-property、transition-timing-function)都配好了。
浏览器对 <ul></ul> 和 <li> 有默认样式,其中 <li> 继承父级行高(通常为 1.2 或 1.5),若列表内含多行文本或行内元素,line-height 会直接撑开垂直空间,造成“看起来间距很大”但实际没设 margin 的假象。
本文介绍使用 jquery 的 hover() 方法实现“鼠标移入触发层展开、移出自动收起”的交互效果,替代手动点击切换,提升用户体验与操作流畅性。
浏览器对 link rel="preload" 的资源类型校验很严格:如果 as 属性写错,或 href 指向的不是实际 CSS 文件(比如带了服务端重定向、MIME 不匹配),它就只会下载,不会执行解析和应用。常见现象是 Network 面板里看到请求完成,但样式没生效,控制台也没报错。
直接说结论:padding: 10px 20px 30px 40px 的顺序是固定的——上、右、下、左,顺时针。写反了(比如误以为是“上下左右”)会导致视觉错位,尤其在卡片、表单等对称布局中特别明显。