读书笔记----css定位和溢出显示

1.     static 默认 指定元素按照常规的文档内容流进行定位。静态定位元素不能使用top,left类似属性定位。如果对文档使用css定位技术，positon设置为除此之外其他属性。

2.     absolute 元素是相对于它包含的元素进行定位。可能是一个容器或是浏览器窗口

3.     fixed相对于浏览器窗口进行定位的。固定定位的元素总是显示在那里，不会随着文档其他部分滚动

4.     relative 元素按照常规的文档流进行布局，它的定位相对于它文档流中的位置进行调整

5.     第三个维度  z-index 当两个或多个元素重叠在一起时，按照从低到高的z-index顺序绘制的。如果值一样，就会按照在文档中出现的顺序绘制。

6.     visibility属性为hidden使得元素不可见，但是文档布局中仍保留了它的空间。如果元素display属性设置为none，在文档布局中不再给它分配空间，就当它从来不存在。

7.     overflow

visible:默认值，如果需要，内容可以溢出在元素的边框外面

hidden：裁剪掉和隐藏溢出的内容，即在区域外不会绘制内容

scroll:元素一直显示水平和垂直滚动条，如果内容超出了元素尺寸，允许用户通过滚动来查看额外的内容。

auto:滚动条只在内容超出时显示，并非一直显示。