本节简介:本节课主要给大家介绍固定定位、相对定位、绝对定位的三种定位布局方式的特征与应用。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
position:fixed固定位置后,原来位置就不存在了
布局内部元素,使用绝对定位,定位里代码在后边的会覆盖前边的
postion:fixed 把框架放在页面中间,先设置要至于中间的边50% 然后用margin:把边上移框架的一半
postion:absolute 根据父级位置进行偏移(left、right、top、bottom),父级必须要有定位属性,原有位置不存在
相对定位:postion:relative 根据自己原有位置进行偏移(left、top、bottom,原有位置依然存在)
固定定位:postion:fixed 根据浏览器窗口位置进行偏移(left、right、top、bottom),原有位置不存在
绝对定位,根据父级位置进行定位,父级必须要有定位属性,原有位置不存在
将元素定位在右侧正中心,设置position:fixed;top:50%;right:0px;margin-top设置为元素的高的一半
position定位属性 fixed固定定位 relative相对定位 absolute绝对定位