脚本宝典收集整理的这篇文章主要介绍了1：position，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>position</title>
</head>
<body>
<script>
let a = `position有5中属性，分别是 static relative absolute fixed sticky，分别是 正常定位，相对定位，绝对定位，固定定位，粘性定位`;
let b = `static 是 position 的默认属性，遵循常规流，当 position 属性值为 static 时，left right top bottom z-index 都不会生效`;
let c = `relative 属性值如果未设置 let right top bottom 的情况，其自身在文档中的定位效果与 static 并无区别；
但加上 left right top bottom属性，便会相对于自身在常规流的位置进行定位，虽然显示效果发生偏移，但是在常规流中位置依然保留`;
let d = ` absolute 是脱离了文档流，相对于离自己最近的相对定位的祖先元素进行偏移定位；relative 未脱离文档流，相对于自身在常规流中位置进行偏移定位`;
let e = `fixed 是相对于窗口进行偏移定位的，并且定位祖先元素只能是窗口`;
let f = `sticky 类似 relative 和 fixed 的结合，如果未设置 left right top bottom 属性时，其定位效果与 static 并无区别，如果设置 top 为 10px，
当元素相对于窗口顶部大于10px时，元素处于类似 relative 状态，反之，类似于 fixed 状态；当元素处于类似 fixed 状态时，在文档流中依然保留位置；当元素
处于 relative 时，分为 2 种情况，如果在窗体内，与 relative 并无区别，如果超出窗体，则以其在常规流中的位置进行偏移定位`;
</script>
</body>
</html>
以上是脚本宝典为你收集整理的1：position全部内容，希望文章能够帮你解决1：position所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。