CSS 四种定位 static fixed absolute relative

静态定位

不脱离文本流。元素定位的默认值。

static

固定定位 

position:fixed;

固定定位  脱离文本流。元素的位置是相对于浏览器窗口的固定位置。页面滚动时,此位置也不会发生变化

根据top  left  right  bottom 设置位置。

绝对定位

position:absolute;

绝对定位  脱离文本流。根据最近带有绝对定位或者相对定位的父级来决定位置。(一直往上查,直到查到,带有相对定位或者绝对定位的父级 ,若所有的父级都没有定位,那就相对于浏览器定位)。top left right bottom


相对定位 脱离文本流

相对定位

position:relative;

相对定位,不脱离文本流。即使通过 top left right bottom设置了偏移,但是原有的位置还在那里。不会被占用。


relative
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在CSS中关于定位的内容是:position:relative | absolute | static | fix...
    feelinghappy618阅读 3,816评论 0 0
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • 当在这一个页面上实现布局和定位有几种不同的技术。使用哪种技术,很大程序上取决于内容和目标页面,因为有很多技术比别人...
    lulu_c阅读 4,798评论 0 5
  • CSS 定位 CSS有三种基本的定位机制:普通流,浮动,绝对定位(absolute, fixed):普通流是默认定...
    _空空阅读 11,081评论 0 15
  • 死死死大概死了就没人来烦我大概死了就能看到故去的亲人你说现在的亲人哦,这可是所有人的终点
    wutu阅读 694评论 0 0