css 知识概括

1：　　span 标签设置width属性  需要让span:display:block;   当span 有float 和定位样式的时候 不需要添加。

2:　　定位：

　　position：relative, fixed, absolute；常用定位

　　position：absolute；和float：left 都会让元素inline-block；例如div默认100%宽度 就会变成内部元素宽度。

　　absolute 布局部分可以使用margin 来代替  相对于 body 来说的定位。

　　absolute 隐藏 可以用top来定位给大负值　　或者用 visibility:hidden；

　　1 position:relative;

　　　　首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素"相对于"它的原始起点进行移动。无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其他框
　　2 position: absolute;

　　　　表示绝对定位，位置将依据浏览器左上角开始计算。 绝对定位使元素脱离文档流，因此不占据空间。普通文档流中元素的布局就像绝对定位的元素不存在时一样因为绝对定位的框与文档流无关，所以它们可以覆盖页面上的其他元素并可以通过z-index来控制它层级次序。z-index的值越高，它显示的越在上层

　　　　绝对定位：ablution 脱离了文档流与浮动模型，独立于其他对象而存在，没有占位。
　　3 父容器使用相对定位，子元素使用绝对定位后，这样子元素的位置不再相对于浏览器左上角，而是相对于父窗口左上角