挑战百日学习计划(南宁小程序开发)第22天(position定位)

要学小程序 前端是一个必须要跨过的坎,【南宁小程序开发:www.zkelm.com】

position 定位
position定位分5个:
1.static (默认的文档流)
:由浏览器决定的,默认的排版模式 也是初始化的排版模式
2.relative sbsolute fixed

relative absolute fixed 三个属性值都有一个一个共同点,就是相当于某个基点的定位, 不同的是在于基点的不同、所以 只要理解他们的基点是什么。就很容易掌握这三个属性值

这三种定位都不会对其他元素的位置产生影响。因此元素之间可能产生重叠

relative:相对定位

relative 表示,相对于默认位置(即 static时的位置) 进行偏移,即定位基点是元素的默认位置
搭配:left top right bottom 进行便宜定位

absolute:绝对定位

absolute表示:相对于上级元素,(一般是父元素)进行偏移,定位基点是父元素。{但是有一个前提,此父元素必须不能是 static定位,否定位的基点就会变成html的根元素} 同时定位也要搭配 :top left right bottom 四个属性进行使用

fixed:固定定位

fixed 相对的基点是html的原点,也就是浏览器的窗口作为相对基点

这样导致,元素的位置不随页面滚动而变化,就好像固定在网页一样

下一章在补充一些具体得实例做练习

猜你喜欢

转载自blog.csdn.net/zkelm/article/details/106717334