css之定位元素

　　css之定位元素

　　css定位元素主要有：position,left,right,top,bottom,z-index,clip【无继承性】

　　positon属(翻译为位置)

　　简单的来说标签可以通过设置此属性，来决定在文档(即html/窗口)如何显示，目前所支持主要有：relative(相对定位，以正常文档流为定位。),absolute(绝对定位，以最近祖先元素为定位，此margin不会与其它元素margin重叠。),fixed(绝对定位，以窗口标准为准，不会随着窗口滚动而滚动)

　　css【positon】定位之relative

　　当relative(left/right/top负值达到一定值(比如-999rem)，网页页面表现则和visibility:hidden一样。通过(left\top\bottom\right值来设置)

　　css【positon】定位之absolute

　　absolute特定主要有两点破坏性和包裹性，如果设置了此值，该标签会inline-block形容出现。则可以设置宽和高值。设置此属性，margin属性不会发生重叠。有的效果可以用margin来实现，尽量避免使用这个属性。absolute隐藏的三种方法，一个是设置top\left\right\bottom负值。另一个是设置visibility:hidden.最后一个是利用clip属性。ps:如果想被阅读器识别的话，可以设置top\left\right等属性，如果不想让阅读识别的话，可以用disiplay:none或者visibility:hidden属性。还有就是可以用absolute来设置等高布局。

　　css【positon】定位之fixed和static

　　fixed(绝对定位元素(相对于浏览器窗口下)，static绝对定位元素(相对于标准文档流下)

　　css【position】定位之z-index

　　z-index只有在relativ\absolute\fixed下有用，可以设置负值，值越大，就显示在前面。如果父级及自身z-index值相同，则后来居上，如果父级比另一个父级小，则显示在下面。

　　css【top\left\bottom\right】定位元素

　　(top\bottom\right\left)值可以是以百分比或者数值，可为负值。

　　css【clip】定位元素

　　clip无继承性，用法：clip:rect(auto(auto,[则不裁切，这里为上面不裁切],20px(右边裁切20px),auto,auto),用此属性时一定设置设置abolute或者fixed.