CSS定位属性应用详解
常用布局里的定位属性，position绝对是你绕不开的一环。不管是固定头部、侧边栏吸附，还是做一些弹窗浮层，position: absolute、fixed这些都要用上。看过这篇整理，基本套路都能掌握。
static 是默认状态，没加定位时元素自然排布，动都不动；relative 看着没动，其实你能微调位置，适合做轻微偏移；absolute 则彻底脱离文档流，参考离它最近的有定位的祖先元素定位；fixed 更狠，贴在浏览器窗口上，怎么滚都不带走。
比如想做个悬浮按钮，直接 position: fixed 搭配 bottom: 20px、right: 20px 就能搞定。加上 z-index 还能叠出层级感，多个元素重叠时它最管用。
还有 top、left、right 这些定位的“坐标轴”，你设一个值就能改变元素在哪。单位常用 px 或 %，记得别搞混了。
背景图定位也挺讲究，用 background-position 和 background-repeat 搭配起来效果更佳。如果你想让图只出现一次，还能加 background: url() no-repeat; 这样写更省事。
别错过示例代码，文件在 ex04/positon_ex.htm，你跑起来一看就明白了。还有几个相关链接，比如position 属性和z-index 层级问题，也挺实用。
如果你经常布局卡壳，不妨把这篇收藏起来，当小手册用蛮合适的。
文件大小：458KB
评论区