css定位relative,absolute

2021-06-20 06:02

阅读:601

标签:fixed   参照物   删除   bsp   2.3   块元素   ott   标签   绝对定位   

 

转自http://www.cnblogs.com/Jerry-Chou/archive/2011/11/02/2233094.html

1.先解释一下文档流

  就是HTML的一种机制,块元素单独占一行(比如   div),内联元素不换行(a标签,img标签);

2.几种定位方式

  2.1   static

    HTML默认定位方法,服从文档流(flow),自适应的,不需要我们设置。

  2.2  relative

    相对定位,相对于自己原来的位置(参照物是自己),可以使用bottom,top,left,right等定位,但是服从文档流,仍然占据着自己原来的位置;

  2.3  absolute

    绝对定位,参照物是祖先有过position:relative或者position:absolute的元素,可以使用bottom,top,left,right等定位,但是absolute定位会从文档流中删除,就是原来自己占得位置会取消;

  2.4  fixed

    absolute参照是上一个定位过的祖先(static不算),如果元素的参照物是文档,使用 position:fixed实现;

  2.5  float

---恢复内容结束---

css定位relative,absolute

标签:fixed   参照物   删除   bsp   2.3   块元素   ott   标签   绝对定位   

原文地址:http://www.cnblogs.com/zhihuayun/p/7190764.html


评论


亲,登录后才可以留言!