absolute绝对定位相关

absolute绝对定位的非绝对定位用法

摘录:absolute只要记住:无定位值的absolute元素就是个连实际宽度也没有的float浮动元素就可以了,然后利用这个特性,发挥您的创造力,实现更多更精彩的效果。

结语:例如一个div中有个absolute属性元素,其没有left或是top值,其会像个普通的inline-block属性元素一样静静地呆在这个div里面,但是一旦设置了left:0;top:0对不起,这个absolute元素立马变身,直接从DOM tree里面脱离,独立于文档流,结果相对于最近的relative属性的祖先标签定位(如果没有,就body定位)。由于我们平时使用absolute都离不开left,top之类的值,所以才会概念不清

个人总结:试想,假如子元素为绝对定位,那假如这个 父级 也为绝对定位,假如在往上走没有定位的父级了,那么此父级将相对于html(即浏览器左上角)定位。所以它的子级是不受影响的,因为它本身是绝对定位的元素,如此而已。所以,单纯论子元素绝对定位,它的父级是absloute或relative都是可以的,对于这个元素本身没有过大影响。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值