2026年5月2日 - 子元素宽度超出父盒子,不是 bug,是margin的合法行为 —— 只要没触发 BFC 或 overflow 隐藏,负边距就能让子元素 破框而出 ,而且兼容性极好(IE6+ 都支...

2026年3月13日 - 默认值是border-box,也就是背景会铺满整个盒子(含 border 区域).默认值是border-box,也就是背景会铺满整个盒子(含 border 区域)。要让它只到 padding ...

2026年3月16日 - 常见现象是设了min-width: 200px,但盒子在父容器窄时还是被压缩到更小。根本原因通常是父容器设置了display: flex或display: grid,且子项没显...www.php.cn

2026年3月23日 - 调试时发现盒子 突然变矮 或 顶部消失 ,八成是 margin 折叠在作怪。Chrome DevTools 的 computed 面板里能看到margin-top显示为0px,但实际生效的是父...

2026年5月12日 - 固定宽度盒子被padding或border撑破,根本原因是浏览器默认用content-box计算尺寸:你写width: 300px,它只管内容区宽 300px,再额外加左右padding和borde...

2026年3月17日 - 想让盒子 稳稳伸出 父容器,又不依赖父容器的overflow设置,就用position: absolute配合方向偏移.想让盒子 稳稳伸出 父容器,又不依赖父容器的overflow设...

2026年3月20日 - 不适用于 让内容垂直居中撑开 的场景——别用padding-top: 50%模拟垂直居中,它依赖 width,很可能把盒子拉得极宽又极矮 如果父容器 width 是 auto(比如...