absolute与clip
clip属性作用：用于剪裁绝对定位或固定定位的元素。语法：clip: rect(top right bottom left);不支持百分比
应用场景：
fixed固定定位的剪裁：对于position:fixed元素，overflow属性无法剪裁，但clip属性可以。
最佳可访问性隐藏：通过clip剪裁实现隐藏，同时保持元素的可访问性（如屏幕阅读器仍能识别）
clip的渲染
差异：
Chrome 浏览器下，clip 仅仅是决定了哪一部分是可见的，对于原来占据的空间并无影响
IE和Firefox浏览器表现：剪裁后，抹掉了不可见区域尺寸对布局的影响
共性：使用 clip 进行剪裁的元素其clientWidth 和 clientHeight 包括样式计算的宽高都还是原来的大小
absolute的流体特性
绝对定位：当absolute元素同时设置left/top/right/bottom属性时，表现为绝对定位。
相对特性：如果只设置一个方向的定位属性，另一个方向则保持相对特性。
对立方向定位：当absolute元素在对立方向（如left和right，top和bottom）同时设置定位值时，元素表现出流体特性，宽度或高度自适应于包含块。
absolute的margin居中
利用absolute元素的流体特性和margin的自动分配特性实现居中。
语法：.element { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }