css之定位

定位分为4种方式:静态定位,相对定位,绝对定位 静态定位:position:static 相对定位:position:relative   根据自身原来的位置定位,没有脱离标准流 绝对定位:position:absolute   ...

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

静态定位:position:static

相对定位:position:relative

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

绝对定位:position:absolute

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

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

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

固定定位:position:fixed

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

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

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

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

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

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

  • 发表于 2019-02-22 17:00
  • 阅读 ( 213 )
  • 分类:网络文章

条评论

请先 登录 后评论
不写代码的码农
小编

篇文章

作家榜 »

  1. 小编 文章
返回顶部
部分文章转自于网络,若有侵权请联系我们删除