CSS学习之-02

2023-12-29 22:11:54

position：该属性指定了元素的定位类型

static：默认值，即没有定位，准寻正常的文档流对象，该定位不会受到top、bottom、left、right影响。

fixed：元素的位置相对于浏览器窗口是固定的，即使窗口滚动它也不会移动。Fixed定位使元素的位置与文档流无关，因此不占据空间。Fixed定位的元素和其他元素重叠。

（该定位在IE7、IE8下需要描述!DOCTYPE才能支持）

relative：相对定位元素的定位是相对其正常位置，通过使用top、left、right、bottom来改变元素位置。移动元素后，它原本在文档流内部的位置不会被其他替代。也就是说，这个元素移动后，它所占用的空间不会消失。

absolute：绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于<html>。该定位使元素的位置与文档流无关，因此不占据空间。

sticky：粘性定位，基于用户的滚动位置来定位。当页面正常显示时，等于relative，当页面滚动超出目标区域时，它的表现就像fixed，会固定在目标位置。

元素定位表现为在跨越特定阈值前为相对定位，之后为固定定位。这个阈值指的是top、right、bottom、left其中的一个，才可以使得粘性定位生效。否则其行为与相对定位相同。

（注意：Internet Explorer，Edge15及更早版本的IE不支持Sticky定位，Safari需要使用-webkit-prefix（prefix等于需要使用的定位名称）

文章来源:https://blog.csdn.net/Dragonlongbo/article/details/135294176
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。