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;
 
}