weixin_43894763的博客

1.static默认值 按照代码的顺序进行解析 top bottom left right此时无效2.relative相对定位 改变的位置是相对于static的 而且还会占据原来的空间3.absolute绝对定位 相对于上层元素进行定位 不占据原本的空间4.fixed固定定位 相对于viewport 浏览器窗口5.sticky粘性定位 父元素不能使用over-flow:hidden 和 over-flow:auto属性必须指定left right top bottom之一 否则处于相对定

px像素2.%父元素的百分比3.rem和emrem是相对于根元素设定的特定尺寸em是相对于父元素设定的特定尺寸4.vw vh vmvw 即viewportWidth窗口宽度的1%vh 即viewportHeight窗口高度的1%vm vh和vw的最小值

body： <div class="container"> <div class="item1">1</div> <div class="item2">2</div> <div class="item3">3</div> <div class="item4">4</div> <div class="item5"&g