加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

css之定位

发布时间:2020-12-14 23:53:28 所属栏目:资源 来源:网络整理
导读:定位分为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

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读