星期一晚上刚下高铁就发现深圳乌云密布,还没等我掐指一算,雨水就哗啦啦地拍打着大地;
雨一直下,气氛不太融洽.......手机查了一下下一个目标地的距离,发现还需要一个半小时的路程才能到达面试的地方,背上书包没多想,马不停蹄地开始转战于各个地铁口,换乘,换乘,再换乘。终于到达了目的地附近,肚子仿佛知道了这个“喜讯”,大叫一声,才发现坐了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都是脱离了文档流的,其他的没有脱离文档流&#