css定位详解
先来看下position各属性的解释
absolute
: 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定
fixed
: 生成绝对定位的元素，相对于浏览器窗口进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定
relative
: 生成相对定位的元素，相对于其正常位置进行定位。
因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
static
: 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
inherit
: 规定应该从父元素继承 position 属性的值。
各浏览器默认值是static,IE不支持inherit属性
图中可以看出，只能在默认情况也就是父对象position为static或者子元素position为fixed时子元素才会相对窗口进行绝对定位，区别就是如果将子元素position设为fixed后，子元素将会跟随滚动条滚动，不同于absolute。
当元素position为相对定位时，则不论父元素定位如果，都为相对原来的位置流就是偏移,从而可以产生负边距的效果
相关文档：
CSS＋DIV是网站标准中常用的术语之一，通常为了说明与HTML网页设计语言中的表格定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。那么使用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误：
1. 检查HTML元素是否有拼写错误、是否忘记结束标记
有时候我们在 ......
IE6下链接伪类（:hover）CSS背景图片有闪动BUG，主要原因ie会再一次请求这张图片，或者说图片没被缓存。
例如：
CSS代码
a:hover{background:url(imagepath)}
常用的解决方案：
在页面底部添加以下IE6专用代码，让IE6缓存CSS背景图片至本地，这样a:hover时IE6就不会再重新向服务器请求加载背景图片了。
......
问题描述：CSS的编码不对的时候，CSS效果在IE8、IE7、Firefox下可以正常显示，但是在IE6下会使CSS失效，不起作用。
情况分析：今天做一个网站的时候碰到这个问题，搞了半宿没有找到问题所在，着实让我郁闷了好一会，后来上Google和百度了一下，找到了问题所在，CSS文件的编码不正确，网页采用的是utf-8编码的，而CSS是使用 ......
CSS实现局部打印
关键字: css实现局部打印
在实现打印预览的时候，可以采用JS来完成这一功能，但这样会让所有在页面上的部分都答应出来，包括像“打印预览”这样的按钮也会打印，这样的情况，可以采用CSS来完成局部答应的功能。
& ......
盒子标签和属性对照
CSS语法（不区分大小写）
JavaScript语法（区分大小写）
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......
