酷心工作室 简介

记录生活中的点点滴滴,分享学习中有用的知识点(网站制作、图片处理技巧、视频制作技巧),希望能够结识到更多的朋友。
程序猿

PS: 图片中的老猴子 - 程序猿,是我的真实写照!

当前位置:酷心工作室 >> 网站制作

CSS定位中position的4种不同类型的定位

发布时间:2019-07-15文章分类:网站制作

★ position - static 静止定位 元素默认定位。


★ position - absolute 绝对定位

1、元素脱离文档流(原来的位置丢失);

2、默认压住没有定位的元素;

3、left、top、bottom、right进行位置的调节,水平垂直设置一个方向即可;

4、相对于有定位的父元素进行定位,如果父元素没有定位,往上查找,直到body。


★ position - relative 相对定位

1、元素保留原有文档流中的位置;

2、默认压住没有定位的元素;

3、left、top、bottom、right 进行位置的调节,水平垂直设置一个方向即可;

4、相对于自己原来的位置进行偏移。


★ position - fixed 固定定位

1、元素脱离文档流(原来的位置丢失);

2、默认压住没有定位的元素;

3、left、top、bottom、right 进行位置的调节,水平垂直设置一个方向即可;

4、相对于浏览器可视窗口进行定位。


发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。