笔记

box-sizing: border-box;很重要，让盒子不会因为padding变形，一般开头写个*{box-sizing：boder-box} 

 

position:static relative flxed absolute sticky

常用的就是 reletice fixed absolute 需要 top bottom left right 配合使用

static:html默认就是静态的

relative(相对定位):改变定位，元素还会占有原来的位置

fixed(固定定位):相对于视口定位，不随浏页面滚动而改变位置

absolute(绝对定位):往上找position：relative(定位)的父标签的祖元素,相对于设置了position祖元素进行的元素 static除外

sticky:粘性定位，一般用于搜索框的制作，在相对定位和固定定位之间转换