css位置 relative absolut fixed float index-x

本文详细解析了CSS中的定位方式,包括绝对定位、固定定位等。解释了如何使用position属性及left、right等进行精确布局,同时介绍了层级显示控制的z-index属性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

postion
relative:相对的。

absolutel:绝对的.
1.绝对定位的元素的位置是相对于距离他最近的
非static祖先元素位置决定的。
如果元素没有已定位的祖先元素,
那么他的位置就相对于初始包含块儿(body或html神马的)元素。
因为绝对定位与文档流无关,所以绝对定位的元素可以覆盖页面上的其他元素,可以通过z-index属性控制叠放顺序,

2.z-index越高,元素位置越靠上。

3.Z-index 仅能在定位元素上奏效(例如 position:absolute;
在实际DIV+CSS布局时候我们需要绝对定位样式,并且可以使用left、right进行定位,
通过不同z-index值实现层重叠顺序排列。

fixed:应用fixed也叫固定定位,固定定位是绝对定位的中

float:浮动的
1.left right
2.会覆盖,会被挤压。
clear:行框清理
1.clear属性,属性的left,right,both,none
2. <!-- <div style="clear:both;"></div>--> 有种被包裹的视觉

转载于:https://www.cnblogs.com/cylblogs/p/5209956.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值