其他分享
首页 > 其他分享> > CSS定位

CSS定位

作者:互联网

1.规定元素的定位类型:这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对定位或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。

2.定位可以通过设置top bottom left right 四个属性值来决定偏移位置。值可以为关键词、百分比、绝对单位值  

3.Static为默认值,没有定位。元素出现在正常的流中。(忽略top、right、bottom、left和z-index属性)

4.relative为生成相对定位的元素,相对于其正常位置进行定位。

5.absolute为生成绝对定位的元素,相对于最近的非static父元素进行定位。绝对定位的元素可以设置外边距(margin),且不会与其他边距合并

6.fixed为生成绝对定位的元素,相对于浏览器窗口(viewport)进行定位。 sticky 盒位置根据正常流计算,然后相当于该元素在流中的flow root(BFC)和containing block(最近的块级元素)定位。

7.Fixed定位示例如下:

 

8. Relative相对定位示例如下:

 

9.Absolute绝对定位示例如下:

 

标签:定位,示例,流中,元素,绝对,相对,CSS
来源: https://blog.csdn.net/weixin_57762627/article/details/120703227