编程爱好者之家

css四种定位static ,relative,absolute,fixed的区别

2018-03-07 11:27:34 320


static 是默认值

relative 相对定位 相对于自身原有位置进行偏移,仍处于标准文档流中

absolute 绝对定位 相对于最近的已定位的祖先元素, 有已定位(指 position不是 static的元素)祖先元素, 以最近的祖先元素为参考标准。如果无已定位祖先元素, 以 body元素为偏移参照基准, 完全脱离了标准文档流。

fixed 固定定位的元素会相对于视窗来定位,这意味着即便页面滚动,它还是会停留在相同的位置。一个固定定位元素不会保留它原本在页面应有的空隙。


同类文章