position为你找到每个元素的准确位置

position定位

position定位属性,取值static|relative相对定位|fixed固定定位|absolute绝对定位

position为你找到每个元素的准确位置

fixed固定定位

fixed固定定位,完全脱离文档流以浏览器窗口为参照定位,不管他的父级是什么定位不受影响,自身margin会影响定位。

position为你找到每个元素的准确位置

relative相对定位

relative相对定位,未脱离文档流,根据文档流内产生的位置为参照按设定的值偏离,在父级元素内无论父级元素是什么定位,如果元素不是父级的第一个元素就根据父级内文档流位置为参照按设定的值偏离。而且定位受父级的margin和padding加自身的margin的影响,所以注意设置margin和padding消除意外的偏移;

position为你找到每个元素的准确位置

absolute绝对定位

absolute绝对定位,脱离文档流,以有定位的那个父级元素为参照按设定的值偏离。受父级定位和自身的margin影响,父级的margin和padding不会影响元素的定位。

position为你找到每个元素的准确位置

html,css,jsvascript

感谢关注收藏点赞,有不足之处欢迎多提意见。

相关文章:

  • 2022-12-23
  • 2021-11-18
  • 2021-08-08
  • 2022-12-23
  • 2021-10-22
  • 2021-08-05
  • 2021-06-19
猜你喜欢
  • 2022-01-19
  • 2022-12-23
  • 2021-10-05
  • 2021-11-18
  • 2021-12-12
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案