定位position：static|absolute|fixed|relative

相对定位与绝对定位：

http://blog.csdn.net/lulujiajiawenwen/article/details/8393673

w3c相对定位：

http://www.w3school.com.cn/css/css_positioning_relative.asp

w3c绝对定位：

http://www.w3school.com.cn/css/css_positioning_absolute.asp

相对定位：

1.    在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框

2.    relative定位的层总是相对于其最近的父元素，无论其父元素是何种定位方式

绝对定位：

1.    absolute定位的层总是相对于其最近的定义为absolute或relative的父层，而这个父层并不一定是其直接父层。如果其父层中都未定义absolute或relative，则其将相对body进行定位

2.    因为绝对定位的框与文档流无关，所以它们可以覆盖页面上的其它元素。可以通过设置 z-index 属性来控制这些框的堆放次序。

3.    绝对定位的元素框从文档流完全删除，使元素的位置与文档流无关，因此不占据空间

浮动定位 float : none | left |right

css浮动：

http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html

float属性：

http://www.5idev.com/p-css_float.shtml   

链接：http://www.cnblogs.com/dolphinx/archive/2012/10/13/2722501.html

浮动可以理解为让某个div元素脱离标准流，漂浮在标准流之上，和标准流不是一个层次。

       框设置浮动属性之后，其原本在文档流中的位置将消失。

假如某个div元素A是浮动的，如果A元素上一个元素也是浮动的，那么A元素会跟随在上一个元素的后边(如果一行放不下这两个元素，那么A元素会被挤到下一行)；如果A元素上一个元素是标准流中的元素，那么A的相对垂直位置不会改变，也就是说A的顶部总是和上一个元素的底部对齐。

清除浮动 clear : none | left | right | both

元素浮动之前，也就是在标准流中，是竖向排列的，而浮动之后可以理解为横向排列。

        清除浮动可以理解为打破横向排列。

对于CSS的清除浮动(clear)，一定要牢记：这个规则只能影响使用清除的元素本身，不能影响其他元素。

#div:after{ content:".", clear:both;  visibility:hidden;display:block; }

设置overflow的一个更流行的用处是，说也奇怪，清除浮动。设置overflow并不会在该元素上清除浮动，它将清除自己(self-clear)。意思就是，应用了overflow(auto或hidden)的元素，将会扩展到它需要的大小以包围它里面的浮动的子元素(而不是叠了起来

       链接：http://www.qianduan.net/css-overflow-property.html

层叠顺序z-index：

int数值高的显示在上层。

元素可拥有负的 z-index 属性值。

Z-index仅能在定位元素上奏效， z-index 属性仅在节点的 position 属性为 relative, absolute 或者 fixed 时生效.如：#div{position:absolute; z-index:1}

好文链接！：http://www.neoease.com/css-z-index-property-and-layering-tree/

demo链接：

http://www.neoease.com/tutorials/z-index/

overflow：visible|hidden|auto|scroll

visible   默认值。内容不会被修剪，会呈现在元素框之外。

hidden  内容会被修剪，并且其余内容是不可见的。

scroll     内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。

auto      如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

inherit   规定应该从父元素继承 overflow 属性的值。

overflow对应溢出的是元素框，即包含内容和padding，不包含border。

教程链接： http://www.qianduan.net/css-overflow-property.html

Overflow:hidden链接：http://www.ofcss.com/2011/03/20/misunderstood-of-overflow-hidden.html

display：none不显示，block块级，inline行内

block:块对象的默认值。用该值为对象之后添加新行

none:隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间

inline:内联对象的默认值。用该值将从对象中删除行

compact:分配对象为块对象或基于内容之上的内联对象

marker:指定内容在容器对象之前或之后。要使用此参数，对象必须和:after及:before 伪元素一起使用

inline-table:将表格显示为无前后换行的内联对象或内联容器

list-item:将块对象指定为列表项目。并可以添加可选项目标志

run-in:分配对象为块对象或基于内容之上的内联对象

table:将对象作为块元素级的表格显示

table-caption:将对象作为表格标题显示

table-cell:将对象作为表格单元格显示

table-column:将对象作为表格列显示

table-column-group:将对象作为表格列组显示

table-header-group:将对象作为表格标题组显示

table-footer-group:将对象作为表格脚注组显示

table-row:将对象作为表格行显示

table-row-group:将对象作为表格行组显示

visibility：visible | hidden |collapse

visibility属性用来确定元素是显示还是隐藏，这用visibility="visible|hidden"来表示，visible表示显示，hidden表示隐藏。当visibility被设置为"hidden"的时候，元素虽然被隐藏了，但它仍然占据它原来所在的位置。

当元素被隐藏之后，就不能再接收到其它事件了

即使不可见的元素也会占据页面上的空间。请使用 "display" 属性来创建不占据页面空间的不可见元素。

链接：

http://www.w3school.com.cn/css/pr_class_visibility.asp

Visibility&display链接：

http://homepage.yesky.com/55/2336055.shtml

剪切区域 clip：

入门链接：

http://www.w3school.com.cn/css/pr_pos_clip.asp

shape    设置元素的形状。唯一合法的形状值是：rect (top, right, bottom, left)

auto      默认值。不应用任何剪裁。

inherit   规定应该从父元素继承 clip 属性的值。