absolute绝对定位的深入解读

1、absolute与float一样具有包裹性、破坏性；
2、absolute不一定非与relative绑定在一起；二者是分离的、对立的；不是兄弟元素；absolute越独立越强大；
3、独立的absolute可以摆脱overlow的限制，无论是滚动还是隐藏；
4、absolute：脱离文档流；去浮动（定位生效时浮动会失效）、定位跟随（用了定位后，原来是什么位置，还是什么位置；），
5、无依赖的绝对定位：常常应用于醒目的小图标；攀高属性（一个图片后面跟着一个文字，因为就是在同一行，因此后面文字的绝对定位会显示在右上的这个位置；），为了消除前一个元素和后面定位的元素的空格，可以加上注释;稍微的某些位置偏差可以用margin来调节定位的这个元素；
6、下拉框的绝对定位实现：一般是通过父元素relative然后绝对定位这种；如果使用单独的无依赖绝对定位也是非常方便的。这种方法适用组件、日期插件这种类型，原理同上；
7、居中以及边缘对齐定位：absolute已经脱离文档流，是不会受text-align:center影响；因为举个例子：

 

;这样就会居中了，跟随空格符；
8、absolute的应用：比如表单，每行的红色号键，可以设置键为绝对定位；然后设置文字左对齐就行，然后后续的验证（因为文字有些太长，会超出DIV的宽度，因此给文字这部分设置absolute，那就不会影响布局）；