CSS学习之 元素定位

1、定位类型(position)
     取值：static(元素框正常生成）、relative（元素框偏移某个位置，原来所占空间保留）、absolute（不保留原占有空间，相对父元素位置偏移）、fixed（与absolute类似，但其父元素是视窗本身）。
2、偏移属性
     四个：top、right、bottom、left。
3、限制宽度和高度
     min-width、min-height、max-width、max-height。
4、绝对定位
     绝对定位元素的包含块是最近的position值不为static的祖先元素，通常会选择一个元素为绝对定位元素的包含块，将position设为relative，而且没有偏移值。
     如果文档可滚动，那么绝对定位的元素也随之滚动。
5、Z轴上的放置
     对于所有定位，都不免会遇到一种情况，两个元素试图放在同一个位置上，那么哪一个放在上层呢？
     利用Z－index，可以改变元素的相互覆盖的顺序 ，值越大越在上面。
6、内容溢出(overflow)
     值：visible（可见）、hidden(超出部分裁剪掉）、scroll（超出部分裁剪掉，利用滚动条查看隐藏部分）、auto（自动）、inherit（继承）。
7、内容裁剪(clip)
     值：rect(top,right,bottom,left)
     语法：clip:rect(0,0,0,0)
     由于clip中的所有偏移值都是已左上角为基点，所以不允许使用百分数。
8、元素可见性（visibility)

     值：visible（可见）、hidden（隐藏）、collapse(主要用来隐藏表格的行或列。隐藏的行或列能够被其他内容使用。对于表格外的其他对象，其作用等同于hidden)