定位.md

作者: 时修七年 | 来源:发表于2018-08-16 02:17 被阅读0次

position 用于网页元素的定位,可以设置static|relative|position|fixed

relative
相对定位relative是相对于元素本身的位置定位的。
relative可以控制自身位置的改变,但不会影响其他元素的位置和大小;
relative会产生新的定位上下文;


position
position相对于定位上下文进行定位

  • position定位后的元素会脱离文档流,产生破坏性,导致父元素塌陷
  • position定位具有跟随性,还在原来的位置
  • 包裹性
  • position定位后的元素悬浮在原来位置的上方

fixed

  • 相对于window窗口的边框定位

定位上下文

position:relative|absolute|fixed均会产生新的定位上下文

相关文章

网友评论

      本文标题:定位.md

      本文链接:https://www.haomeiwen.com/subject/jlagbftx.html