CSS 水平居中之相对定位与负边距法
这篇讲的是CSS实现元素水平居中时，如何用相对定位加负边距这个经典技巧来解决问题。作者从最常用的`margin`配合`text-align`方案讲起，指出了它在某些场景下（比如固定宽度的块级元素）的局限性，随后引入了相对定位与负边距的组合。 核心思路是让元素先通过定位偏移到容器中心，再利用负边距回拉自身宽度一半的距离，从而在视觉上实现居中。文章不仅展示了基础代码，还探讨了这种方法的巧妙之处：它不依赖父容器的文本对齐属性，对元素自身布局的影响更可控。 与`margin: auto`或`flexbox`等方案相比，相对定位与负边距法的兼容性更好，尤其适合需要兼容旧版浏览器的场景。但它也存在缺点，比如需要预先知道元素的具体宽度。作者最后梳理了不同居中方案各自适用的典型场景，帮助读者在“传统技巧”与“现代布局”之间做出务实的选择。