定位 position

CSS定位详解

定义:设置元素的位置,对元素的位置进行微调或参照物基准变更。

属性:position:static;默认值,按文档流布局。

                           relative;相对自身原来的位置定位,通过top,right,left,bottom对元素本身所在的位置进行微调,没有脱离文档流,原来的位置仍存在。

                           absolute;绝对定位,相对于自己的祖先容器,第一个设为非static的容器,设为relative或absolute或fixed。如果祖先容器都为设置,则找到body的位置。

                                           元素使用绝对布局就从文档流中脱离,后续的元素填充它的位置。

                                           对于发生相互覆盖的情况,使用z-index来调整次序,值越大,处的层次越高。只对设置了定位的元素起作用。          

                          fixed;固定位置,只相对于窗口的左上角定位,通过top,right,left,bottom对元素本身所在的位置进行微调。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值