3-1 无依赖的absolute定位

3.无依赖的absolute定位

　　—上辈子就是折翼天使

无依赖的意思是指

　　不受relative限制的absolute定位，行为表上是不使用top/right/bottom/left任何一个属性或是使用auto作为值！

　　很强大！

定位的行为表现

　　1.脱离文档流；

　　　　给大家讲个感人的故事吧：从前有三个小伙伴他们关系非常好！属于穿同一条开裆裤长大的那种，谁知老二是恶魔之子，某一天用了绝对定位，飞翔潜力触发，立马腾空而起，和其他两个小伙伴话说拜拜了~于是其他两个小伙伴非常伤心，这种从平民向神仙的变化就是脱离文档流

　　2.折翼的天使

　　　　虽然老二的天使血脉觉醒，悬浮腾空，畅游蓝天之上~但他心里一直悻悻想念这他的两个小伙伴，不想远离他们，于是就保持折翼状态，这种状态可以避免触发瞬间移动技能，于是就能安安稳稳定位在两个小伙伴上发，随时注视着他们，我们看一下折翼天使的实例：

折翼天使实例

　　这三位美女是很好的闺蜜，给闺蜜二使用绝对定位，我们可以看到闺蜜二成仙啦！悬浮在了两姐妹的上放，而且它所处的位置还是平民时候的位置，在上发注视着他的的两个好姐妹。

折翼天使的特性表型

　　1.去浮动；

　　　　首先我们看一下去浮动，多次强调浮动和绝对定位是同父异母的兄弟，显然两人是不能同时存在的，也是就是说浮动存在的时候，绝对定位一定是无效的。

　　　　可以看下这个栗子！

　　　　图片用浮动在绝对定位和在绝对定位位置是一样的，浮动、绝对定位的位置在中间，刷新之后绝对定位还是在中间！言语苍白，自行到demo中尽情霸王丸

　　2.位置跟随；

　　　　这么解释吧：即将绝对定位的元素，如果原来是block属性的，大家都知道的，肯定会和文字在另外一行显示，此时用了绝对定位之后，这个元素依然是换行显示的，但是，如果这个元素原本是inline或inline-block属性的跟在元素后面，当他应用绝对定位之后，还是在文字后面，这就是位置跟随，原来是什么位置，绝对定位之后还是什么位置

我把这种不依赖abslute定位称之为：

　　不影响其他定布局的绝对定位下的相对定位之王！

哦！这么鸟？举个栗子呗！