首页 > Web开发 > 详细

css定位relative,absolute

时间:2017-07-16 16:21:09      阅读:266      评论:0      收藏:0      [点我收藏+]

 

转自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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!