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)