做h的动漫在线观看网站,南通网站建设南通,滨州内做网站系统的公司,淄博做网站seo定位
作用#xff1a;灵活的改变盒子在网页中的位置
实现#xff1a;
定位模式#xff1a;position边偏移#xff1a;设置盒子的位置
leftrighttopbottom 相对定位
position#xff1a;relative
改变位置的参照物是自己原来的位置#xff0c;并且不脱标占位#x…定位
作用灵活的改变盒子在网页中的位置
实现
定位模式position边偏移设置盒子的位置
leftrighttopbottom 相对定位
positionrelative
改变位置的参照物是自己原来的位置并且不脱标占位标签显示模式特点不变
绝对定位
positionabsolute
使用场景子级绝对定位父级相对定位 脱标不占位参照物先找最近的已经定位的祖先元素如果所有祖先元素都没有定位参照浏览器可视区改变位置显示模式特点行内块即宽高生效
定位居中
步骤
绝对定位水平、垂直边偏移为50%子级向左、上移动自身尺寸的一半。transform:translate(-50%,-50%)
固定定位
positionfixed;
脱标不随内容滚动而滚动显示模式行内块。
堆叠层级
默认效果:按照标签书写顺序后来者居上
作用设置定位元素的层级列表改变定位元素的显示模式
z-index:数字 数字越大显示顺序越靠上。
