菜鸟教程:定位的使用_positionrelative菜鸟教程-CSDN博客

网站介绍:文章目录前言一、了解定位二、偏移量1.了解偏移量2.读入数据总结前言定位在前端css中是一大重点,定位的出现是我们的前端布局变得非常方便快捷,它的作用就是控制元素在包含块中的精准位置,非常的简单粗暴。一、了解定位定位属性position:static:默认值,表示常规流定位relative:相对定位,不会导致元素脱离文档流,只是让元素在原来的位置进行偏移absolate:绝对定位,会让元素脱离文档流,不占据页面位置,且会使元素变为块盒fixed:固定定位,也会脱离文档流,但包含快为浏览器可_positionrelative菜鸟教程