position的absolute;fixed;relative;static;inherit属性小结

之前的对position的理解就停留在常用的absolute及relative上，今天被面试官考到……觉得自己好菜。赶快了解使用了一下这些下设的属性。

absolute和relative之有提到过。今天着重思考一下fixed及static和inherit的属性内容；

position 是用来规定元素的定位类型。

1.fixed

这个类型是将元素钉在一个位置，哪怕网页一直滚动它还是会停留在规定的位置上，类似于有些网页的广告，相对位置是不变的。也有一些导航栏我想应该是用到了fixed；

以hao123为例，在滚动时，百度的搜索框一直都停留在页面顶端，那这个我想就用到了这个类型。



2.static

这个类型是默认的，如果没有指定position或为空，就等同该元素会停留在正常的html流中。

3.inherit

这个类型是继承父类所指定的position;并且inherit可以用于指定很多CSS的继承父类。例子如下：

div#menu{
border:2px solid black;
padding:5px;

}
div#menu div{
border:inherit;
padding:inherit;

}