css中的定位到底该怎么使用?常见使用场景有哪些?

在开发中,一直会被盒子之间的位置关系所困扰,对定位这一块还是有一些迷惑,不知道那个部分用那种定位比较好,特别是做响应式的时候,屏幕尺寸一变,内容就乱成一团了,求解读一下几种定位的常见使用场景。

响应式尽量用flex + 百分比

怎么说呢
类似于浮窗

img

img

这两种都可以用fixed

但像relative怎么说呢你可以把他理解成一个margin 就是为了调整位置的,而且不会脱离文档流

absolute的话 你看见那个no.1了嘛 就可以用absolute去实现依据父相子绝,脱离文档流覆盖头像

img

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632