本节简介:本节课主要给大家介绍固定定位、相对定位、绝对定位的三种定位布局方式的特征与应用。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
( left right top bottom )是在CSS中进对DIV参数进行设置的标签
position:absoute:在CSS的编写中是绝对定位的div标签
position:relatives是相对定位属性的css编写DIV标签
定位(position):absolute-绝对定位,根据父级进行定位,原位置不存在
定位(position):relative-相对定位,根据原位置进行偏移,原位置存在
定位(position):fixed-固定定位,根据浏览器定位,原位置不存在
z-index :元素间的层级,数值越大,显示的顺序越靠前,类似调整PS中的图层顺序
position:absolute 以父级为参照,进行偏移,父级必须有定位属性,原有位置不存在
position:relative 以自己原有位置为参照:进行偏移,原有位置存在
position:fixed 已网页为参造物,固定在页面某位置,原有位置不存在
position:absolute 绝对定位,不互相影响;固定父集用relative,相对偏移,z-index 层级关系
相对定位:position:relative,根据自己的定位进行偏移,自己的位置还在
<div class='box'></div> .box{width=200px;height:300px;background-color:#003366;position:fixed;right:0px;bottom:0px;}