“惨痛”的一次面试之旅

       星期一晚上刚下高铁就发现深圳乌云密布，还没等我掐指一算，雨水就哗啦啦地拍打着大地；

       雨一直下，气氛不太融洽.......手机查了一下下一个目标地的距离，发现还需要一个半小时的路程才能到达面试的地方，背上书包没多想，马不停蹄地开始转战于各个地铁口，换乘，换乘，再换乘。终于到达了目的地附近，肚子仿佛知道了这个“喜讯”，大叫一声，才发现坐了4个小时高铁的我还没吃饭；这个时候不知道哪根神经短路了，对自己说，不能吃太饱，不然等下会想睡觉，然后自己就稀里糊涂地去买了一瓶菊花茶，提提神。

       废话不多说，由于自己对于一些基本知识只是浮于表面，再加上自己还是缺少一种创新精神和思想；所以在面试中节节败退；

      直接上面试题：

1.css中的position分为哪几种，都有什么特点？

absolute	生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed	生成绝对定位的元素，相对于浏览器窗口进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative	生成相对定位的元素，相对于其正常位置进行定位。 因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
static	默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
inherit	规定应该从父元素继承 position 属性的值。

这个是W3C上面的介绍；

如果你不给这个元素定义positon的话，其就默认为static;

然后根据这个条件我们再看一下"absolute说的相对于 static 定位以外的第一个父元素进行定位"这句话，因为这里我答错了，我回答的是absolute是被relative所限制，因为在平时在别人代码的过程中，我发现一般都是relative和absolute来进行互相组合的，比如bootstrap中的modal弹出框;所以我天真的认为只有relative可以限制absolute，其他的都不能；

然后就是fixed和absolute都是脱离了文档流的，其他的没有脱离文档流&#