CSS中绝对定位

1.如何设置绝对定位?

给元素设置postition: absolute 即可实现绝对定位

可以使用left,right,top,bottom四个属性调整位置

2.绝对定位的参考点在哪里?

参考他的包含块.

什么是包含块?

1.对于没有脱离文档流的元素:包含块就是父元素;

2.对于脱离文档流的元素:包含块是第一个拥有定位属性的祖先元素(如果所有祖先都没有定位,那包含块就是整个页面)

3.绝对定位元素的特点:

1.脱离文档流,会对后面的兄弟元素,父元素有影响;

2.left不能和right一起设置,top和bottom不能一起设置;

3.绝对定位,浮动不能同时设置,如果同时设置,浮动失效,以定位为主.

4.决定定位的元素,也能通过margin调整位置,但不推荐这样做.

5.无论是什么元素(行内,行内块,块级)设置为绝对定位之后,都变成了定位元素(定位元素默认宽和高是被内容撑开,且能自由设置宽高.).

相关推荐
p***s911 分钟前
Spring Boot项目接收前端参数的11种方式
前端·spring boot·后端
Hello.Reader3 分钟前
PyFlink DataStream Operators 算子分类、函数写法、类型系统、链路优化(Chaining)与工程化踩坑
前端·python·算法
C_心欲无痕6 分钟前
网络相关 - Ngrok内网穿透使用
运维·前端·网络
咖啡の猫8 分钟前
TypeScript-Babel
前端·javascript·typescript
Mintopia34 分钟前
🤖 AI 决策 + 意图OS:未来软件形态的灵魂共舞
前端·人工智能·react native
攀登的牵牛花34 分钟前
前端向架构突围系列 - 框架设计(四):依赖倒置原则(DIP)
前端·架构
程序员爱钓鱼42 分钟前
Node.js 编程实战:测试与调试 —— 日志与监控方案
前端·后端·node.js
Mapmost1 小时前
数字孪生项目效率翻倍!AI技术实测与场景验证实录
前端
小酒星小杜1 小时前
在AI时代,技术人应该每天都要花两小时来构建一个自身的构建系统-Input篇
前端·程序员·架构