css学习第八天-定位

网友投稿 510 2022-05-29

1.相对定位

代码:position:relative

定义:相对于原来的位置,进行指定方向的偏移,但仍然在标准文档流中,原来的位置会被保留

常用参数:top:1px(上);left:1px(左);bottom:1px(下);right:1px;(右)

2.绝对定位

代码:position:absolute;

定义:相对于父级或浏览器的位置,进行指定偏移,不在标准文档流中,原位置不会被保留

2.1 没有父级元素的前提下,相对于浏览器定位

2.2 假设父级元素存在定位,我们通常会相对于父级元素进行偏移

(即给父级元素设置相对定位positon:relative;但不指定偏移距离,此时绝对定位会相对于父级元素进行偏移(父级元素因为设置了相对定位,原来的位置被保留了),不再相对于浏览器偏移)

css学习的第八天-定位

2.3 给父级元素设置了相对定位后,此时绝对定位就是相对于父级元素进行偏移

3.固定定位

代码:position:fixed;

自始至终固定在一个位置不再变化

CSS

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:【Hadoop】关于Sqoop导出数据到postgresql时schema的设置问题
下一篇:Python用ctypes调用动态库的方式使用科大讯飞语音识别
相关文章