浮动与显示小结

四种定位总结定位模式是否脱标占有位置是否可以使用边偏移移动位置基准静态static不脱标，正常模式不可以正常模式相对定位relative不脱标，占有位置可以相对自身位置移动（自恋型）绝对定位absolute完全脱标，不占有位置可以相对于定位父级移动位置（拼爹型）固定定位fixed完全脱标，不占有位置可以相对于浏览器移动位置（认死理型）

定位模式转换跟 浮动一样， 元素添加了 绝对定位和固定定位之后， 元素模式也会发生转换， 都转换为 行内块模式，** 因此 比如 行内元素 如果添加了 绝对定位或者 固定定位后 浮动后，可以不用转换模式，直接给高度和宽度就可以了。**

元素的显示与隐藏在CSS中有三个显示和隐藏的单词比较常见，我们要区分开，他们分别是 display visibility 和 overflow。他们的主要目的是让一个元素在页面中消失，但是不在文档源码中删除。 最常见的是网站广告，当我们点击类似关闭不见了，但是我们重新刷新页面，它们又会出现和你玩躲猫猫！！

visibility 可见性设置或检索是否显示对象。visible : 　对象可视hidden : 　对象隐藏特点： 隐藏之后，继续保留原有位置。（停职留薪）

overflow 溢出检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。visible : 　不剪切内容也不添加滚动条。auto : 　 超出自动显示滚动条，不超出不显示滚动条hidden : 　不显示超过对象尺寸的内容，超出的部分隐藏掉scroll : 　不管超出内容否，总是显示滚动条