一：position定位
a: static 定位 ，HTML元素的默认值，即没有定位，元素出现在正常的流中。静态定位的元素不会受到top, bottom, left, right影响。
b: fixed 定位, 元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动：
脱离文档流，因此不占据空间。
c：relative定位， 相对其正常位置，
相对定位元素经常被用来作为绝对定位元素的容器块。
d：absolute定位，相对于最近的已定位的父元素， 若没有，则相对于html。
最近已定位的父元素，什么叫已定位呢？ 待补充！
脱离文档流，因此不占据空间。
发现：
1.当设置position:absolute后，元素脱离文档流,，元素会变为行内块元素！
2.position：relative声明了，但不指定偏移！ 理解加深！ 待补充
3.浮动布局和精确布局的混合使用 float的深刻理解！ 待补充
二 float布局
1.浮动元素之后的元素将围绕它，浮动元素之前的元素将不会受到影响。
三：漏洞
vertical-align
line-height
touch-action: manipulation
-webkit-user-select: none;
background-image: none;
-webkit-appearance: button;
text-transform: none;
overflow: visible;
css这些单位的选择上 百分比 单词 数字px em
tips:
1.学习要自己在实践中去验证。