美文网首页
CSS 四种定位 static fixed absolute r

CSS 四种定位 static fixed absolute r

作者: c6e71129966d | 来源:发表于2018-04-04 15:51 被阅读0次

静态定位

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

static

固定定位 

position:fixed;

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

根据top  left  right  bottom 设置位置。

绝对定位

position:absolute;

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

相对定位 脱离文本流

相对定位

position:relative;

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

relative

相关文章

网友评论

      本文标题:CSS 四种定位 static fixed absolute r

      本文链接:https://www.haomeiwen.com/subject/ftikhftx.html