当前位置: 移动技术网 > IT编程>网页制作>CSS > css之定位

css之定位

2019年02月22日  | 移动技术网IT编程  | 我要评论
定位分为4种方式:静态定位,相对定位,绝对定位 静态定位:position:static 相对定位:position:relative 根据自身原来的位置定位,没有脱离标准流 绝对定位:position:absolute 1.定位的元素没有父元素的情况下,根据浏览器的可视区域定位; 2.定位的元素有 ...

定位分为4种方式:静态定位,相对定位,绝对定位

静态定位:position:static

相对定位:position:relative

  根据自身原来的位置定位,没有脱离标准流

绝对定位:position:absolute

  1.定位的元素没有父元素的情况下,根据浏览器的可视区域定位;

  2.定位的元素有父元素,父元素无定位(或父元素有静态定位),根据浏览器可视区域定位;

  3.定位的元素有父元素,父元素有定位(非静态),根据父元素定位;

固定定位:position:fixed

  根据浏览器可视区域定位,与父元素无关

定位的元素如果要在父元素中垂直水平居中:

  top:50%     margin-top: -(定位元素高度的一半);

  left:50%     margin-left: -(定位元素宽度的一半);

层级:z-index  只能给定位的元素添加  默认值:auto

  数值越大,层级越高,盒子越靠上

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网