您好!欢迎访问MOB描述卸载工具,为您提供最专业的iPhone描述文件怎么删除!

可通过position属性还设置元素的定位

前端应用 131℃ 0

可通过position属性还设置元素的定位。

  可选值:static 默认值 没开启

      relative 开启相对定位

       absolute 开启绝对定位

      fixed 开启固定定位(绝对定位的一种)

  开启定位后可通过left、right、top、bottom四个属性来设置元素偏移量。

  left:元素相对于其定位位置的左侧偏移量。(距离左边多少 ——— 向右移)

  通常只需选择其中两个就可对元素进行定位。(水平垂直方向各一个)

 

relative

  1、相对定位指相对于元素在文档流中原来的位置进行定位。

  2、开启相对定位的元素不会脱离文档流。故相对定位不会改变元素性质,

     即块还是块,内联还是内联。

  3、相对定位会使元素提升一个层级。(定位元素可以盖住文档流元素)

  4、开启相对定位而不设置偏移量时元素不会发生任何变化。

  .box1{

     position:relative;

     left:100px;

  }

absolution

  1、绝对定位是相对于离他最近的开启了定位的祖先元素进行定位的。

    若所有的祖先元素都没有开启定位,则相对于浏览器的窗口。

     故一般开启了子元素的绝对定位都会同时开启父元素的相对定位。

  2、开启绝对定位的元素会脱离文档流。故绝对定位会改变元素性质,

    内联会变成块,块的宽高默认都被内容撑开。

  3、绝对定位也会使元素提升一个层级。

  4、开启绝对定位而不设置偏移量时元素位置不变化。


评论留言

我要留言

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。