CSS中绝对定位

1.如何设置绝对定位?

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

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

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

参考他的包含块.

什么是包含块?

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

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

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

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

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

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

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

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

相关推荐
子兮曰几秒前
深入浏览器指纹:Canvas、WebGL、Audio是如何暴露你的身份的?
前端·浏览器·canvas
月亮补丁2 分钟前
AntiGravity只能生成 1:1 图片?一招破解尺寸限制
前端
何中应7 分钟前
MindMap部署
前端·node.js
NAGNIP9 分钟前
程序员效率翻倍的快捷键大全!
前端·后端·程序员
一个网络学徒13 分钟前
python5
java·服务器·前端
tiantian_cool14 分钟前
Claude Opus 4.6 模型新特性(2026年2月5日发布)
前端
0思必得018 分钟前
[Web自动化] Selenium获取元素的子元素
前端·爬虫·selenium·自动化·web自动化
用户57573033462425 分钟前
🌟 从一行 HTML 到屏幕像素:浏览器是如何“画”出网页的?
前端
NEXT0627 分钟前
React Hooks 进阶:useState与useEffect的深度理解
前端·javascript·react.js
sure28233 分钟前
React Native应用中使用sqlite数据库以及音乐应用中的实际应用
前端·react native