码迷,mamicode.com
首页 > 其他好文 > 详细

元素在页面上的定位

时间:2019-12-16 22:10:03      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:start   固定   osi   body   文档   常用   abs   span   pos   

定位

  1. 相对定位

    书写格式:position: relative ;

    left: xx px;

    top: xx px;

  2. 绝对定位:脱离文档流;默认的(0,0)点在body的左上角;

    书写格式:position:absolute;

    left: xx px;

    top: xx px;

    注意:绝对定位元素以包含它并离它最近的非静态定位元素的(0,0)点作为它的(0,0)点
  3. 固定定位:脱离文档流;宽高可设,默认的(0,0)点在视口(viewport)的(0,0)点

    书写格式:position:fixed;

    left: xx px;

    top: xx px;

    注意:常用场景:多个元素重叠;

元素在页面上的定位

标签:start   固定   osi   body   文档   常用   abs   span   pos   

原文地址:https://www.cnblogs.com/hg845740143/p/12051549.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!